ECMAScript 6 新特性续
对象字面量增强
ES6中的对象字面量增强是一种简化对象创建的语法,它可以让我们更方便地定义对象的属性和方法。下面是对ES6对象字面量增强的详细解析与代码示例。
1、简洁属性名
在ES6之前,我们在定义对象属性时,需要将属性名和属性值都写出来。而在ES6中,如果属性名和属性值的变量名一致,我们可以直接省略属性名,只写属性值。
const name = 'John';
const age = 18;const person = {name,age,
};console.log(person); // { name: 'John', age: 18 }
2、计算属性名
在ES6之前,如果我们想要使用变量来定义对象的属性名,我们需要通过方括号[]来包裹变量名,并使用字符串形式来表示属性名。而在ES6中,我们可以直接在对象字面量中使用方括号包裹表达式,来定义一个计算属性名。
const propName = 'name';const person = {[propName]: 'John',
};console.log(person); // { name: 'John' }
3、简洁方法名
在ES6之前,如果我们想要定义一个对象的方法,