对象的扩大
对象字面量的加强
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')// trueObject.is({}, {})// false
与===不同之处只有两个:一是+0不等于-0,二是NaN等于本身。
两等在比拟之前能够进行类型转化,三等严格判断类型,对象比拟地址值
+0 === -0 //trueNaN === NaN // falseObject.is(+0, -0) // falseObject.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