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相关知识。