ES6对象简写

基本原则

  1. 属性名与属性值相同时,可省略其中一个。
  2. 对象中包含的方法的 : function 可省略不写。

例子

ES5中:

1
2
3
4
5
6
7
8
9
10
var studentES5 = {
name: '珠',
age: 2,
sex: '女',
getName: function () {
return this.name;
}
}
console.log('ES5', studentES5);
console.log('ES5'studentES5.getName());

ES6中:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
const name = '珠';
const age = 2;
const sex = '女';
const studentES6 = {
//同名的属性可以省略不写
name,
age,
sex,
getName() {//可以省略方法中的 :function
return this.name;
}
};
console.log('ES6', studentES6);
console.log('ES6',studentES6.getName());