JavaScript 中如何给对象添加属性与方法

在 JavaScript 编程中，给对象添加属性与方法是一项基础且重要的操作，它能极大地增强对象的功能和灵活性。

给对象添加属性

点表示法

这是最常见的方式。假设有一个名为 person 的对象，我们可以这样为它添加属性：

let person = {};
person.name = "John";
person.age = 30;

这里，通过点号直接在对象后加上属性名，并赋值。这种方式简单直观，代码可读性强。

方括号表示法

方括号表示法更为灵活，尤其适用于属性名是变量或者包含特殊字符的情况。

let propertyName = "job";
let person = {};
person[propertyName] = "Engineer";

在这个例子中，变量 propertyName 的值被用作对象 person 的属性名。如果属性名包含空格或特殊字符，也必须使用方括号表示法，例如 person["favorite color"] = "Blue";。

给对象添加方法

定义简单方法

方法本质上就是对象的函数属性。我们继续以 person 对象为例：

let person = {};
person.sayHello = function() {
    console.log("Hello!");
};
person.sayHello(); 

这里，我们为 person 对象添加了一个 sayHello 方法，调用该方法时会在控制台打印 “Hello!”。

使用构造函数添加方法

构造函数可以用于创建具有相同属性和方法的对象。

function Person(name, age) {
    this.name = name;
    this.age = age;
    this.sayDetails = function() {
        console.log(`Name: ${this.name}, Age: ${this.age}`);
    };
}
let newPerson = new Person("Alice", 25);
newPerson.sayDetails(); 

在构造函数 Person 内部定义了 sayDetails 方法，创建的新对象 newPerson 可以直接调用该方法。

使用原型链添加方法

使用原型链添加方法可以让所有实例共享该方法，节省内存。

function Person() {}
Person.prototype.sayGoodbye = function() {
    console.log("Goodbye!");
};
let person1 = new Person();
person1.sayGoodbye(); 

通过在 Person 构造函数的原型上定义 sayGoodbye 方法，所有由 Person 创建的对象都可以调用这个方法。

掌握这些给对象添加属性与方法的技巧，能让开发者在 JavaScript 编程中更加得心应手，构建出更强大、更复杂的应用程序。