关于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 // false

Object.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