ES6 学习(10) ---对象的扩展

1、Object.is()， // ES6 新增用来比较两个值是否完全相等

　　一般比较值是否相等，我们通常使用 == 和 === 运算符，但是对于 -0 和 +0 的相等判断并不准确，同时还有 NaN 并不等于本身，因此ES6，新增Object.is() 方法用于判断两值是否完全相等，大部分情况同 === 运算符

+0 === -0 //true
NaN === NaN // false

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

Object.is('foo', 'foo')
// true
Object.is({}, {}) // 栈中地址不同
// false

2、Object.assign() // 用于对象的合并，将源对象的所有枚举属性复制到目标对象。如果有同名属性那么后面的就会覆盖前面的；

const target = { a: 1, b: 1 };

const source1 = { b: 2, c: 2 };
const source2 = { c: 3 };

Object.assign(target, source1, source2);
target // {a:1, b:2, c:3}

　　Object.assign() 只能拷贝到可枚举属性，同时如果对象名为Symbol类型也会拷贝合并

注意：

　　1、此方法只是浅拷贝，并不是深拷贝，因此对象中属性值是引用类型，那么拷贝的也只是引用；

　　2、同名属性会替换；

　　3、如果是数组的话，由于数组的下标相当于对象属性，因此数组合并的话会替换index的值；Object.assign( [1, 2, 3], [4, 5] ) // [4, 5, 3]

　　4、取值函数的处理： 如果是取值函数的话，并不会复制取值函数，而是拿到值后将这个值复制过去

const source = {
  get foo() { return 1 }
};
const target = {};

Object.assign(target, source)
// { foo: 1 }

3、Object.getOwnPropertyDescriptors() // 获取一个对象下所有的自身属性(非继承属性)的描述对象

　　ES5 中 Object.getOwnPropertyDescriptor() 只是获取某一个自身属性

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.getPrototypeof() 

　__proto__ 用于读写对象的原型(prototype), 本质上算是一个内部属性，并不是一个对外的API，尽量避免使用此属性用于对象原型上的读写

　Object.setPrototypeof() 用于设置对象原型对象，如果传入的参数并不是一个对象，那么就会转换成对象，如果是undefined和null不能转成对象那么就会报错

let proto = {};
let obj = { x: 10 };
Object.setPrototypeOf(obj, proto);

proto.y = 20;
proto.z = 40;

obj.x // 10
obj.y // 20
obj.z // 40

　Object.getPrototypeof() 用于读取对象原型对象， 

5、Object.keys(), Object.values(), Object.entries() 

　　ES5 中Object.keys() 返回对象所有可遍历属性的键名所组成的数组；

　　ES7 中新增了与其配套的Object.values() Object.entries() 的方法，一般配合 for...of 使用

　　Object.values() 返回对象属性值所组成的数组，返回的数组成员的顺序与 属性遍历的 部分排列规则一致。

　　Object.values() 只返回对象自身可遍历属性

　　Object.entries() 返回对象自身可遍历属性的键值对数组，（如果属性名是Symbol类型的并不会遍历到）

const obj = { foo: '123', baz: 42 };
Object.entries(obj)
// [ ["foo", "123"], ["baz", 42] ]

// 基本用途是遍历对象的属性
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

// Object.entries方法的另一个用处是，将对象转为真正的Map结构。

const obj = { foo: 'bar', baz: 42 };
const map = new Map(Object.entries(obj));
map // Map { foo: "bar", baz: 42 }

6、Object.fromEnties() // 此方法是Object.entries() 的逆操作，即：将键值对数组转换成对象

Object.fromEntries([
  ['foo', 'bar'],
  ['baz', 42]
])
// { foo: "bar", baz: 42 }

　　一般也可以将Map对象转换成对象

// 例一
const entries = new Map([
  ['foo', 'bar'],
  ['baz', 42]
]);

Object.fromEntries(entries)
// { foo: "bar", baz: 42 }

// 例二
const map = new Map().set('foo', true).set('bar', false);
Object.fromEntries(map)
// { foo: true, bar: false }