对象的扩展 ecmascript

对象的扩展对象字面量的增强
Object.is()
Object.assign()
Object.getOwnPropertyDescriptors()
Object.keys()，Object.values()，Object.entries()

对象字面量的增强

对象内属性简写，对象内方法简写，注意简写的是function不是箭头函数

const obj = { // bar:bar bar, // method:function(){}, method(){//注意这种简写，只是针对function console.log(this); //this指向obj }, [Math.random()]:123,//计算属性名 [1+1]:2 }

Object.is()

Object.is('foo', 'foo') // true Object.is({}, {}) // false

与===不同之处只有两个：一是+0不等于-0，二是NaN等于自身。
两等在比较之前可以进行类型转化，三等严格判断类型，对象比较地址值

+0 === -0 //true NaN === NaN // falseObject.is(+0, -0) // false Object.is(NaN, NaN) // true

Object.assign()

Object.assign()方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）
第一个参数是目标对象，后面的参数都是源对象
【对象的扩展】同名属性，则后面的属性会覆盖前面的属性
返回值就是目标对象，此时bar引用已经改成合并后的对象

const target = { a: 1, b: 1 }; const source1 = { b: 2, c: 2 }; const source2 = { c: 3 }; const result = Object.assign(target, source1, source2); target // {a:1, b:2, c:3}console.log(result === target) true

Object.getOwnPropertyDescriptors()

ES5 的Object.getOwnPropertyDescriptor()方法会返回某个对象属性的描述对象（descriptor）。ES2017 引入了Object.getOwnPropertyDescriptors()方法，返回指定对象所有自身属性（非继承属性）的描述对象

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 } }

上面代码中，Object.getOwnPropertyDescriptors()方法返回一个对象，所有原对象的属性名都是该对象的属性名，对应的属性值就是该属性的描述对象
该方法的引入目的，主要是为了解决Object.assign()无法正确拷贝get属性和set属性的问题

const source = { set foo(value) { console.log(value); } }; const target1 = {}; Object.assign(target1, source); Object.getOwnPropertyDescriptor(target1, 'foo') // { value: undefined, //writable: true, //enumerable: true, //configurable: true }

上面代码中，source对象的foo属性的值是一个赋值函数，Object.assign方法将这个属性拷贝给target1对象，结果该属性的值变成了undefined。这是因为Object.assign方法总是拷贝一个属性的值，而不会拷贝它背后的赋值方法或取值方法。
这时，Object.getOwnPropertyDescriptors()方法配合Object.defineProperties()方法，就可以实现正确拷贝。

const source = { set foo(value) { console.log(value); } }; const target2 = {}; Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source)); Object.getOwnPropertyDescriptor(target2, 'foo') // { get: undefined, //set: [Function: set foo], //enumerable: true, //configurable: true }

Object.keys()，Object.values()，Object.entries()

Object.entries({ [Symbol()]: 123, foo: 'abc' }); // [ [ 'foo', 'abc' ] ]

let obj = { one: 1, two: 2 }; for (let [k, v] of Object.entries(obj)) { console.log( `${JSON.stringify(k)}: ${JSON.stringify(v)}` ); } // "one": 1 // "two": 2