JavaScript对象扩展方法的用法详解

JavaScript对象扩展方法，是指在原有对象上添加新的属性或方法，使得对象拥有更多的功能和特性。使用对象扩展方法的好处在于，能够避免繁琐的重复代码，提高代码的可维护性。

添加对象属性

直接添加

可以使用点号（.）或方括号（[]）来添加对象属性。下面是两个添加属性的示例。

// 使用点号添加属性
var obj = {};
obj.name = 'Bob';
obj.age = 30;

// 使用方括号添加属性
var obj = {};
obj['name'] = 'Bob';
obj['age'] = 30;

循环添加

如果要往对象里添加很多属性，可以使用循环语句来完成。下面是一个使用循环添加属性的示例。

var obj = {};
var arr = ['name', 'age', 'gender'];
for(var i = 0; i < arr.length; i++){
    obj[arr[i]] = '';
}

添加对象方法

添加对象方法和添加属性类似，也可以使用点号或方括号来完成。不同之处在于，添加的值是一个函数。下面是一个添加对象方法的示例。

var obj = {
    name: 'Bob',
    age: 30,
    sayHello: function(){
        console.log('Hello, my name is '+this.name+'.');
    }
};
obj.sayHello(); // 输出：Hello, my name is Bob.

修改对象属性和方法

可以使用点号或方括号来修改对象属性和方法。下面是一个修改对象属性的示例。

var obj = {name: 'Bob', age: 30};
obj.age = 40;
console.log(obj.age); // 输出：40

下面是一个修改对象方法的示例。

var obj = {name: 'Bob', age: 30, sayHello: function(){
    console.log('Hello, my name is '+this.name+'.');
}};
obj.sayHello = function(){
    console.log('你好，我叫'+this.name+'。');
}
obj.sayHello(); // 输出：你好，我叫Bob。

删除对象属性和方法

可以使用 delete 运算符删除对象属性和方法。下面是一个删除对象属性的示例。

var obj = {name: 'Bob', age: 30};
delete obj.age;
console.log(obj.age); // 输出：undefined

下面是一个删除对象方法的示例。

var obj = {
    name: 'Bob',
    sayHello: function(){
        console.log('Hello, my name is '+this.name+'.');
    }
};
delete obj.sayHello;
obj.sayHello(); // 输出：Uncaught TypeError: obj.sayHello is not a function

完整示例

下面是一个使用对象扩展方法的完整示例，演示了如何实现一个计算器对象。

var calculator = {
    num1: 0,
    num2: 0,
    add: function(){
        return this.num1 + this.num2;
    },
    subtract: function(){
        return this.num1 - this.num2;
    },
    multiply: function(){
        return this.num1 * this.num2;
    },
    divide: function(){
        if(this.num2 === 0){
            return '除数不能为0';
        }
        return this.num1 / this.num2;
    }
};

calculator.num1 = 10;
calculator.num2 = 5;
console.log(calculator.add()); // 输出：15
console.log(calculator.subtract()); // 输出：5
console.log(calculator.multiply()); // 输出：50
console.log(calculator.divide()); // 输出：2
calculator.num2 = 0;
console.log(calculator.divide()); // 输出：除数不能为0

以上就是 JavaScript 对象扩展方法的用法详解。如果想让代码更加简洁和优雅，可以使用 ES6 的对象扩展语法。