ECMAScript 6（ES6） 特性概覽和與ES5的比較8-增強對象的屬性

1.屬性的簡略表達

常用對象屬性的更短的定義方式
ECMAScript 6

var x = 0,y = 0
obj = { x,y }

ECMAScript 5

var x = 0,y = 0;
obj = { x: x, y: y};

2.計算屬性名

支持在對象屬性中直接定義計算屬性名
ECMAScript 6

let obj = {
    foo: "bar",
    [ "baz" + quux() ]: 42
}

ECMAScript 5

let obj = {
    foo: "bar"
};
obj[ "baz" + quux() ] = 42;

3.方法屬性

支持對象屬性定義中的方法註釋，用於常規函數和生成器函數。如果某個方法之前加上星號（*），就表示該方法是一個 Generator 函數。
ECMAScript 6

obj = {
   foo (a, b) {
     ...
   },
   bar (x, y) {
     ...
   },
   *quux (x, y) {
     ...
   }
}

ECMAScript 5

obj = {
   foo (a, b) {
     ...
   },
   bar (x, y) {
     ...
   },
   // quux: ES5中沒有相應的表達方式
    ...
}