如何在JavaScript中向对象添加属性和方法？

1. 前言

JavaScript 是一门动态语言，能够在运行期间动态为对象添加属性和方法。在 JavaScript 中，我们通过对象字面量或构造函数来创建对象，向对象添加属性和方法也是非常容易的。

2. 向对象添加属性

2.1 使用点号语法

在 JavaScript 中，我们可以通过对象变量名和点号语法来向对象添加属性。具体来说，只需要在变量名后面使用点号“.”，并接上属性名，然后再赋上属性值即可。

以下是一个简单的示例：

const person = {
  name: 'Tom',
  age: 25
};
// 添加属性
person.gender = 'male';
console.log(person); 
// 输出：{ name: 'Tom', age: 25, gender: 'male' }

在上面的例子中，我们定义了一个 person 对象，并向其添加了一个名为 gender 的属性。

2.2 使用方括号语法

除了点号语法外，我们还可以使用方括号语法来向对象添加属性。方括号内可以是一个变量名或者字符串字面量，通过这种方式添加属性更加灵活。

以下是一个使用方括号语法的示例：

const person = {
  name: 'Tom',
  age: 25
};
// 使用方括号语法添加属性
const propName = 'gender';
person[propName] = 'male';
console.log(person); 
// 输出：{ name: 'Tom', age: 25, gender: 'male' }

请注意，如果属性名是一个变量名，那么需要使用方括号语法。否则，将会认为属性名是一个字符串字面量。

3. 向对象添加方法

3.1 使用函数表达式

向对象添加方法与向对象添加属性类似，只需要将函数赋给对象的属性即可。通常，我们使用函数表达式的方式来定义方法。

以下是一个使用函数表达式的示例：

const person = {
  name: 'Tom',
  age: 25,
  // 使用函数表达式定义方法
  sayHello: function() {
    console.log('Hello, my name is ' + this.name);
  }
};
person.sayHello(); 
// 输出：Hello, my name is Tom

3.2 使用方法简写

在 ECMAScript 6 中，我们可以使用方法简写的方式来定义方法。具体来说，只需要将函数定义写在对象字面量内即可。

以下是一个使用方法简写的示例：

const person = {
  name: 'Tom',
  age: 25,
  // 使用方法简写
  sayHello() {
    console.log('Hello, my name is ' + this.name);
  }
};
person.sayHello(); 
// 输出：Hello, my name is Tom

4. 总结

在 JavaScript 中，向对象添加属性和方法非常简单。我们可以使用点号或方括号语法向对象添加属性，并使用函数表达式或方法简写定义对象的方法。

JavaScript 是一门非常灵活的语言，掌握如何操作对象是非常重要的一部分。希望本文能够对你有所帮助。