javascript动态添加、修改、删除对象的属性与方法详解

在JavaScript中，动态地添加、修改、删除对象的属性与方法是非常直接和灵活的。下面我会分别解释这三种操作的实现方式。

### 动态添加属性与方法

#### 添加属性

要向对象添加属性，你可以直接通过属性名（如果属性名已知并且是静态的）或者通过计算得到的属性名（动态属性名）来设置属性值。

let obj = {};

// 静态添加属性
obj.name = "Alice";

// 动态添加属性
let propName = "age";
obj[propName] = 30;

console.log(obj); // { name: 'Alice', age: 30 }

#### 添加方法

添加方法与添加属性类似，只是属性值是一个函数。

let obj = {};

// 添加方法
obj.greet = function() {
    console.log("Hello, " + this.name);
};

obj.greet(); // Hello, Alice

### 修改属性与方法

修改对象的属性或方法与添加它们类似，因为你可以通过相同的语法来覆盖现有的属性或方法。

obj.name = "Bob"; // 修改属性

obj.greet = function() {
    console.log("Hi, " + this.name);
};

obj.greet(); // Hi, Bob

### 删除属性与方法

在JavaScript中，你可以使用`delete`操作符来删除对象的属性或方法。

delete obj.age; // 删除属性
delete obj.greet; // 删除方法

console.log(obj); // { name: 'Bob' }

需要注意的是，使用`delete`操作符删除的属性或方法将不再存在于对象中，但是对象的`[[Prototype]]`链中的属性或方法仍然可以访问（如果它们存在于原型链上的话）。

### 总结

JavaScript提供了非常灵活的方式来动态地添加、修改和删除对象的属性与方法。这种灵活性使得JavaScript在开发动态Web应用时非常强大和有用。