了解 ECMAScript 2019 中的 "Object notation" 声明法

在 ECMAScript 2019 中，新增了一种对象字面量的声明方式，即 "Object notation"。这种声明法可以让我们更加方便地声明对象，并且能够提高代码的可读性和可维护性。

对象字面量的传统声明方式

在传统的 JavaScript 中，我们通常使用对象字面量的传统声明方式来创建对象。例如：

var person = {
  name: 'Tom',
  age: 18,
  gender: 'male',
  sayHello: function() {
    console.log('Hello, my name is ' + this.name);
  }
};

这种声明方式虽然简单易懂，但是当我们需要声明的属性或方法比较多时，会显得比较冗长，不利于代码的阅读和维护。

"Object notation" 声明法

在 ECMAScript 2019 中，我们可以使用 "Object notation" 声明法来创建对象。例如：

// javascriptcn.com 代码示例
var name = 'Tom';
var age = 18;
var gender = 'male';

var person = {
  name,
  age,
  gender,
  sayHello() {
    console.log('Hello, my name is ' + this.name);
  }
};

可以看到，在 "Object notation" 声明法中，我们可以直接使用变量名来作为属性名，而不需要手动指定属性名。同时，我们也可以使用箭头函数来声明方法，使代码更加简洁明了。

对象字面量的嵌套声明

除了简化对象的属性和方法声明， "Object notation" 声明法还可以帮助我们更加方便地声明嵌套对象。例如：

// javascriptcn.com 代码示例
var person = {
  name: 'Tom',
  age: 18,
  gender: 'male',
  address: {
    province: 'Guangdong',
    city: 'Shenzhen',
    district: 'Nanshan'
  }
};

可以看到，我们可以直接在对象中嵌套声明另一个对象，使代码更加简洁明了。

总结

"Object notation" 声明法是 ECMAScript 2019 中新增的一种对象字面量声明方式，可以使我们更加方便地声明对象，并且提高代码的可读性和可维护性。同时，它还支持嵌套声明和箭头函数声明方法。我们可以在实际开发中使用这种声明法，使代码更加简洁明了。

示例代码

// javascriptcn.com 代码示例
// 传统声明方式
var person1 = {
  name: 'Tom',
  age: 18,
  gender: 'male',
  sayHello: function() {
    console.log('Hello, my name is ' + this.name);
  }
};

// "Object notation" 声明法
var name = 'Tom';
var age = 18;
var gender = 'male';

var person2 = {
  name,
  age,
  gender,
  sayHello() {
    console.log('Hello, my name is ' + this.name);
  }
};

// 嵌套声明
var person3 = {
  name: 'Tom',
  age: 18,
  gender: 'male',
  address: {
    province: 'Guangdong',
    city: 'Shenzhen',
    district: 'Nanshan'
  }
};

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65752fa6d2f5e1655de53b29