對象（object）是 JavaScript 最重要的數據結構。ES6 對它進行了重大升級，本章介紹數據結構本身的改變及語法應用細節。 ...
對象（object）是 JavaScript 最重要的數據結構。ES6 對它進行了重大升級，本章介紹數據結構本身的改變及語法應用細節。
1.屬性的簡潔表示法
◆ ES6 允許直接寫入變數和函數，作為對象的屬性和方法。這樣的書寫更加簡潔。
const foo = 'bar';
const baz = {foo};
baz // {foo: "bar"}
// 等同於
const baz = {foo: foo};
◆ ES6 允許在對象之中，直接寫變數。這時，屬性名為變數名, 屬性值為變數的值。
function f(x, y) {
return {x, y};
}
// 等同於
function f(x, y) {
return {x: x, y: y};
}
f(1, 2) // Object {x: 1, y: 2}
◆ 除了屬性簡寫，方法也可以簡寫。
const o = {
method() {
return "Hello!";
}
};
// 等同於
const o = {
method: function() {
return "Hello!";
}
};
如:
let birth = '2000/01/01';
const Person = {
name: '張三',
birth, //等同於birth: birth[重要]
hello() { console.log('我的名字是', this.name); } // 等同於hello: function ()...
};
這種寫法用於函數的返回值，非常方便。
function getPoint() {
const x = 1;
const y = 10;
return {x, y};
}
getPoint() // {x:1, y:10}
◆ CommonJS 模塊輸出一組變數，就非常合適使用簡潔寫法
let ms = {};
function getItem (key) {
return key in ms ? ms[key] : null;
}
function setItem (key, value) {
ms[key] = value;
}
function clear () {
ms = {};
}
module.exports = { getItem, setItem, clear };
// 等同於
module.exports = {
getItem: getItem,
setItem: setItem,
clear: clear
};
◆ 註意，簡潔寫法的屬性名總是字元串，這會導致一些看上去比較奇怪的結果。
const obj = {
class () {}
};
// 等同於
var obj = {
'class': function() {}
};
2.屬性名錶達式
JavaScript 定義對象的屬性，有兩種方法。
// 方法一
obj.foo = true;
// 方法二
obj['a' + 'bc'] = 123;
上面代碼的方法一是直接用標識符作為屬性名，方法二是用表達式作為屬性名，這時要將表達式放在方括弧之內。
但如果使用字面量方式定義對象（使用大括弧），在 ES5 中只能使用方法一（標識符）定義屬性。
var obj = {
foo: true,
abc: 123
};
ES6 允許字面量定義對象時，用方法二（表達式）作為對象的屬性名，即把表達式放在方括弧內。
let propKey = 'foo';
let obj = {
[propKey]: true,
['a' + 'bc']: 123
};
下麵是另一個例子。
let lastWord = 'last word';
const a = {
'first word': 'hello',
[lastWord]: 'world'
};
a['first word'] // "hello"
a[lastWord] // "world"
a['last word'] // "world"
◆ 表達式還可以用於定義方法名。
let obj = {
['h' + 'ello']() {
return 'hi';
}
};
obj.hello() // hi
註意，屬性名錶達式與簡潔表示法，不能同時使用，會報錯。
// 報錯
const foo = 'bar';
const bar = 'abc';
const baz = { [foo] };
// 正確
const foo = 'bar';
const baz = { [foo]: 'abc'};
註意，屬性名錶達式如果是一個對象，預設情況下會自動將對象轉為字元串[object Object]，這一點要特別小心。
3.方法的 name 屬性
函數的name屬性，返回函數名。對象方法也是函數，因此也有name屬性。
const person = {
sayName() {
console.log('hello!');
},
};
person.sayName.name // "sayName"
上面代碼中，方法的name屬性返回函數名（即方法名）。
4.對象的擴展運算符
A.解構賦值
對象的解構賦值用於從一個對象取值，相當於將目標對象自身的所有可遍歷的（enumerable）、但尚未被讀取的屬性，分配到指定的對象上面。所有的鍵和它們的值，都會拷貝到新對象上面。
let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };
x // 1
y // 2
z // { a: 3, b: 4 }
解析:變數z是解構賦值所在的對象。它獲取等號右邊的所有尚未讀取的鍵（a和b），將它們連同值一起拷貝過來。
註意事項:
1.解構賦值要求等號右邊是一個對象，所以如果等號右邊是undefined或null，就會報錯，因為它們無法轉為對象。
let { ...z } = null; // 運行時錯誤
let { ...z } = undefined; // 運行時錯誤
2.解構賦值必須是最後一個參數，否則會報錯
let { ...x, y, z } = someObject; // 語法錯誤
let { x, ...y, ...z } = someObject; // 語法錯誤
B.擴展運算符
對象的擴展運算符（...）用於取出參數對象的所有可遍歷屬性，拷貝到當前對象之中。
let z = { a: 3, b: 4 };
let n = { ...z };
n // { a: 3, b: 4 }
由於數組是特殊的對象，所以對象的擴展運算符也可以用於數組。
let foo = { ...['a', 'b', 'c'] };
foo // {0: "a", 1: "b", 2: "c"}
如果擴展運算符後面是一個空對象，則沒有任何效果。
{...{}, a: 1} // { a: 1 }
如果擴展運算符後面不是對象，則會自動將其轉為對象。
// 等同於 {...Object(1)}
{...1}
// {}擴展運算符後面是整數1，會自動轉為數值的包裝對象Number{1}。由於該對象沒有自身屬性，所以返回一個空對象
5 對象的新增語法
01 Object.is
用來比較兩個值是否嚴格相等，與嚴格比較運算符（===）的行為基本一致。
123==“123” //true
123===“123” //false
Console.log(Object.is(123,”123”)) // false
02 Object. assign
Object.assign用來合併對象
//let 新的對象 = Object.assign(目標對象, source1, srouce2....)
03 Object. Keys/values/entries
`Object.keys()`：返回對象自身的所有可枚舉的屬性的鍵名。
Object.values()`：返回對象自身的所有可枚舉的屬性的值
Object. entries ()`：返回對象自身的所有可枚舉的名、值對
