對(duì)象的新增方法
1.object.is()
ES5 比較兩個(gè)值是否相等，只有兩個(gè)運(yùn)算符：相等運(yùn)算符（==）和嚴(yán)格相等運(yùn)算符（===）。它們都有缺點(diǎn)，前者會(huì)自動(dòng)轉(zhuǎn)換數(shù)據(jù)類型，后者的NaN不等于自身，以及+0等于-0。JavaScript 缺乏一種運(yùn)算，在所有環(huán)境中，只要兩個(gè)值是一樣的，它們就應(yīng)該相等。
+0===-0//true
NaN===NaN// false
Object.is(+0,-0)// false
Object.is(NaN,NaN)// true
2.object.assign()
Object.assign()方法用于對(duì)象的合并，將源對(duì)象（source）的所有可枚舉屬性，復(fù)制到目標(biāo)對(duì)象（target）。
consttarget={a:1};
constsource1={b:2};
constsource2={c:3};
Object.assign(target,source1,source2);
target// {a:1, b:2, c:3}
Object.assign()拷貝的屬性是有限制的，只拷貝源對(duì)象的自身屬性（不拷貝繼承屬性），也不拷貝不可枚舉的屬性（enumerable: false）。
Object.assign({b:'c'},
Object.defineProperty({},'invisible', {
enumerable:false,
value:'hello'
? })
)
// { b: 'c' }
注意點(diǎn)
（1）淺拷貝
Object.assign()方法實(shí)行的是淺拷貝，而不是深拷貝。也就是說，如果源對(duì)象某個(gè)屬性的值是對(duì)象，那么目標(biāo)對(duì)象拷貝得到的是這個(gè)對(duì)象的引用。
constobj1={a: {b:1}};
constobj2=Object.assign({},obj1);
obj1.a.b=2;
obj2.a.b// 2
上面代碼中，源對(duì)象obj1的a屬性的值是一個(gè)對(duì)象，Object.assign()拷貝得到的是這個(gè)對(duì)象的引用。這個(gè)對(duì)象的任何變化，都會(huì)反映到目標(biāo)對(duì)象上面。
（2）同名屬性的替換
對(duì)于這種嵌套的對(duì)象，一旦遇到同名屬性，Object.assign()的處理方法是替換，而不是添加。
consttarget={a: {b:'c',d:'e'} }
constsource={a: {b:'hello'} }
Object.assign(target,source)
// { a: { b: 'hello' } }
（3）數(shù)組的處理
Object.assign()可以用來處理數(shù)組，但是會(huì)把數(shù)組視為對(duì)象。
Object.assign([1,2,3], [4,5])
// [4, 5, 3]
（4）取值函數(shù)的處理
Object.assign()只能進(jìn)行值的復(fù)制，如果要復(fù)制的值是一個(gè)取值函數(shù)，那么將求值后再復(fù)制。
constsource={
getfoo() {return1}
};
consttarget={};
Object.assign(target,source)
// { foo: 1 }
上面代碼中，source對(duì)象的foo屬性是一個(gè)取值函數(shù)，Object.assign()不會(huì)復(fù)制這個(gè)取值函數(shù)，只會(huì)拿到值以后，將這個(gè)值復(fù)制過去。
（1）為對(duì)象添加屬性
classPoint{
constructor(x,y) {
Object.assign(this, {x,y});
? }
}// this 指的是當(dāng)前的對(duì)象
上面方法通過Object.assign()方法，將x屬性和y屬性添加到Point類的對(duì)象實(shí)例。
（2）為對(duì)象添加方法
Object.assign(SomeClass.prototype, {
someMethod(arg1, arg2) {
···
},
anotherMethod() {
···
}? ? // 把當(dāng)前對(duì)象添加到SomeClass.prototype 里面
});
// 等同于下面的寫法
SomeClass.prototype.someMethod = function (arg1, arg2) {
···
};
SomeClass.prototype.anotherMethod = function () {
···
};
上面代碼使用了對(duì)象屬性的簡(jiǎn)潔表示法，直接將兩個(gè)函數(shù)放在大括號(hào)中，再使用assign()方法添加到SomeClass.prototype之中。
（3）克隆對(duì)象
function clone(origin) {
return Object.assign({}, origin);
}
上面代碼將原始對(duì)象拷貝到一個(gè)空對(duì)象，就得到了原始對(duì)象的克隆。
不過，采用這種方法克隆，只能克隆原始對(duì)象自身的值，不能克隆它繼承的值。如果想要保持繼承鏈，可以采用下面的代碼。
function clone(origin) {
let originProto = Object.getPrototypeOf(origin);
return Object.assign(Object.create(originProto), origin);
}
（4）合并多個(gè)對(duì)象
const merge =
(target, ...sources) => Object.assign(target, ...sources);
如果希望合并后返回一個(gè)新對(duì)象，可以改寫上面函數(shù)，對(duì)一個(gè)空對(duì)象合并
const merge =
(...sources) => Object.assign({}, ...sources);
（5）為屬性指定默認(rèn)值
const DEFAULTS = {
logLevel: 0,
outputFormat: 'html'
};
function processContent(options) {
options = Object.assign({}, DEFAULTS, options);
console.log(options);
// ...
}
上面代碼中，DEFAULTS對(duì)象是默認(rèn)值，options對(duì)象是用戶提供的參數(shù)。Object.assign()方法將DEFAULTS和options合并成一個(gè)新對(duì)象，如果兩者有同名屬性，則options的屬性值會(huì)覆蓋DEFAULTS的屬性值。
注意，由于存在淺拷貝的問題，DEFAULTS對(duì)象和options對(duì)象的所有屬性的值，最好都是簡(jiǎn)單類型，不要指向另一個(gè)對(duì)象。否則，DEFAULTS對(duì)象的該屬性很可能不起作用。
3.object.getOwnPropertyDescriptOrs()
ES5 的Object.getOwnPropertyDescriptor()方法會(huì)返回某個(gè)對(duì)象屬性的描述對(duì)象（descriptor）。ES2017 引入了Object.getOwnPropertyDescriptors()方法，返回指定對(duì)象所有自身屬性（非繼承屬性）的描述對(duì)象。
const obj = {
foo: 123,
get bar() { return 'abc' }
};
Object.getOwnPropertyDescriptors(obj)
// { foo:
//? ? { value: 123,
//? ? ? writable: true,
//? ? ? enumerable: true,
//? ? ? configurable: true },
//? bar:
//? ? { get: [Function: get bar],
//? ? ? set: undefined,
//? ? ? enumerable: true,
//? ? ? configurable: true } }
4.? _ _ proto? _ _ 屬性 ,object.setPrototypeOf(),object.setPrototypeOf()
__proto__屬性（前后各兩個(gè)下劃線），用來讀取或設(shè)置當(dāng)前對(duì)象的原型對(duì)象
// es5 的寫法
const obj = {
method: function() { ... }
};
obj.__proto__ = someOtherObj;
// es6 的寫法
var obj = Object.create(someOtherObj);
obj.method = function() { ... };
該屬性沒有寫入 ES6 的正文，而是寫入了附錄，原因是__proto__前后的雙下劃線，說明它本質(zhì)上是一個(gè)內(nèi)部屬性，而不是一個(gè)正式的對(duì)外的 API，只是由于瀏覽器廣泛支持，才被加入了? ES6。標(biāo)準(zhǔn)明確規(guī)定，只有瀏覽器必須部署這個(gè)屬性，其他運(yùn)行環(huán)境不一定需要部署，而且新的代碼最好認(rèn)為這個(gè)屬性是不存在的。因此，無論從語義的角度，還是從兼容性的角度，都不要使用這個(gè)屬性，而是使用下面的Object.setPrototypeOf()（寫操作）、Object.getPrototypeOf()（讀操作）、Object.create()（生成操作）代替。
Object.setPrototypeOf()
Object.setPrototypeOf方法的作用與__proto__相同，用來設(shè)置一個(gè)對(duì)象的原型對(duì)象（prototype），返回參數(shù)對(duì)象本身。它是 ES6 正式推薦的設(shè)置原型對(duì)象的方法。
// 格式
Object.setPrototypeOf(object, prototype)
// 用法
const o = Object.setPrototypeOf({}, null);
Object.getPrototypeOf()
該方法與Object.setPrototypeOf方法配套，用于讀取一個(gè)對(duì)象的原型對(duì)象。
Object.getPrototypeOf(obj);
function Rectangle() {
// ...
}
const rec = new Rectangle();
Object.getPrototypeOf(rec) === Rectangle.prototype
// true
Object.setPrototypeOf(rec, Object.prototype);
Object.getPrototypeOf(rec) === Rectangle.prototype
// false
如果參數(shù)不是對(duì)象，會(huì)被自動(dòng)轉(zhuǎn)為對(duì)象
// 等同于 Object.getPrototypeOf(Number(1))
Object.getPrototypeOf(1)
// Number {[[PrimitiveValue]]: 0}
// 等同于 Object.getPrototypeOf(String('foo'))
Object.getPrototypeOf('foo')
// String {length: 0, [[PrimitiveValue]]: ""}
// 等同于 Object.getPrototypeOf(Boolean(true))
Object.getPrototypeOf(true)
// Boolean {[[PrimitiveValue]]: false}
Object.getPrototypeOf(1) === Number.prototype // true
Object.getPrototypeOf('foo') === String.prototype // true
Object.getPrototypeOf(true) === Boolean.prototype // true
5.object.keys(),object.values() object.entries()
Object.keys()
ES5 引入了Object.keys方法，返回一個(gè)數(shù)組，成員是參數(shù)對(duì)象自身的（不含繼承的）所有可遍歷（enumerable）屬性的鍵名。
varobj={foo:'bar',baz:42};
Object.keys(obj)
// ["foo", "baz"]
Object.values()
Object.values方法返回一個(gè)數(shù)組，成員是參數(shù)對(duì)象自身的（不含繼承的）所有可遍歷（enumerable）屬性的鍵值。
constobj={foo:'bar',baz:42};
Object.values(obj)
// ["bar", 42]
Object.entries()
Object.entries()方法返回一個(gè)數(shù)組，成員是參數(shù)對(duì)象自身的（不含繼承的）所有可遍歷（enumerable）屬性的鍵值對(duì)數(shù)組。
constobj={foo:'bar',baz:42};
Object.entries(obj)
// [ ["foo", "bar"], ["baz", 42] ]
6.object.fromEntries()
Object.fromEntries()方法是Object.entries()的逆操作，用于將一個(gè)鍵值對(duì)數(shù)組轉(zhuǎn)為對(duì)象。
Object.fromEntries([
['foo','bar'],
['baz',42]
])
// { foo: "bar", baz: 42 }
該方法的主要目的，是將鍵值對(duì)的數(shù)據(jù)結(jié)構(gòu)還原為對(duì)象，因此特別適合將 Map 結(jié)構(gòu)轉(zhuǎn)為對(duì)象。
// 例一
constentries=newMap([
['foo','bar'],
['baz',42]
]);
Object.fromEntries(entries)
// { foo: "bar", baz: 42 }
// 例二
constmap=newMap().set('foo',true).set('bar',false);
Object.fromEntries(map)
// { foo: true, bar: false }
該方法的一個(gè)用處是配合URLSearchParams對(duì)象，將查詢字符串轉(zhuǎn)為對(duì)象。
Object.fromEntries(newURLSearchParams('foo=bar&baz=qux'))
// { foo: "bar", baz: "qux" }
