## 一、屬性簡寫 ES6 允許在大括號里面，直接寫入變量和函數，作為對象的屬性和方法。這樣的書寫更加簡潔。 ~~~javascript const foo = 'bar'; const baz = {foo}; baz // {foo: "bar"} // 等同于 const baz = {foo: foo}; ~~~ ## 二、方法簡寫 除了屬性簡寫，方法也可以簡寫。 ~~~javascript const o = { method() { return "Hello!"; } }; // 等同于 const o = { method: function() { return "Hello!"; } }; ~~~ ## 三、super 我們知道，`this`關鍵字總是指向函數所在的當前對象，ES6 又新增了另一個類似的關鍵字`super`，指向當前對象的原型對象。 ~~~javascript const proto = { foo: 'hello' }; const obj = { foo: 'world', find() { return super.foo; } }; Object.setPrototypeOf(obj, proto); obj.find() // "hello" ~~~ ## 四、擴展運算符 （1）解構賦值 ~~~javascript let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 }; x // 1 y // 2 z // { a: 3, b: 4 } ~~~ （2）構造合并對象 對象的擴展運算符等同于使用`Object.assign()`方法； ~~~javascript let ab = { ...a, ...b }; // 等同于 let ab = Object.assign({}, a, b); ~~~ 如果用戶自定義的屬性，放在擴展運算符后面，則擴展運算符內部的同名屬性會被覆蓋掉。 ~~~javascript let aWithOverrides = { ...a, x: 1, y: 2 }; // 等同于 let aWithOverrides = { ...a, ...{ x: 1, y: 2 } }; // 等同于 let x = 1, y = 2, aWithOverrides = { ...a, x, y }; // 等同于 let aWithOverrides = Object.assign({}, a, { x: 1, y: 2 }); ~~~ ## 五、訪問對象屬性 > 點符號 - foo.someVar > 方括號 - foo[someVar]