[JavaScript知识库]ECMAScript6-对象新增方法

系列文章目录

上期我们讲解了对象创建相关的知识，这一期我们讲解对象的新增方法相关内容。

1、Object.is()

• ES5 ?较两个值是否相等，只有两个运算符：相等运算符（）和严格相等运算符（=）。
• 它们都有缺点，前者会?动转换数据类型，后者的NaN不等于?身，以及+0等于-0。
• JavaScript缺乏?种运算，在所有环境中，只要两个值是?样的，它们就应该相等。
• ES6 提出“Same-value equality”（同值相等）算法，?来解决这个问题。
• Object.is就是部署这个算法的新?法。它?来?较两个值是否严格相等，与严格?较运算符 （===）的?为基本?致。

Object.is('foo', 'foo') // true
Object.is({}, {}) //false
+0 === -0 //true
NaN === NaN // false
Object.is(+0, -0) // false
Object.is(NaN, NaN) // true

2、Object.assign()

• Object.assign?法?于对象的合并，将源对象（source）的所有可枚举属性，复制到?标对象
  （target）。

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

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

3、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()?法返回?个对象，所有原对象的属性名都是
  该对象的属性名， 对应的属性值就是该属性的描述对象。

4、属性

• JavaScript 语?的对象继承是通过原型链实现的。ES6 提供了更多原型对象的操作?法。
• 具体详??档

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

• ES5 引?了Object.keys?法，返回?个数组，
• 成员是参数对象?身的（不含继承的）所有可遍历（enumerable）属性的键名

var obj = { foo: 'bar', baz: 42 };
Object.keys(obj)
// ["foo", "baz"]

• ES2017引?了跟Object.keys配套的Object.values和Object.entries，
• 作为遍历?个对象的补充?段，供for…of循环使?。

let {keys, values, entries} = Object;
let obj = { a: 1, b: 2, c: 3 };
for (let key of keys(obj)) {
 console.log(key); // 'a', 'b', 'c'
}
for (let value of values(obj)) {
 console.log(value); // 1, 2, 3
}
for (let [key, value] of entries(obj)) {
 console.log([key, value]); // ['a', 1], ['b', 2], ['c', 3]
}

总结

本文讲解了对象新增方法的相关知识，下一期开始讲解class相关知识。