ES6 对象的新功能与解构赋值介绍

ES6 通过字面量语法扩展、新增方法、改进原型等多种方式加强对象的使用，并通过解构简化对象的数据提取过程。

一、字面量语法扩展

在 ES6 模式下使用字面量创建对象更加简洁，对于对象属性来说，属性初始值可以简写，并可以使用可计算的属性名称。对象方法的定义消除了冒号和 function 关键字，示例如下：

// Demo1var value = "name", age = 18var person = { age, // age: age ['my' + value]: 'Jenny', // myname sayName () { // sayName: function()  console.log(this.myname) }}console.log(person.age) // 18console.log(person.myname) // Jennyperson.sayName(); // Jenny

针对重复定义的对象字面量属性，ES5严格模式下会进行重复属性检查从而抛出错误，而ES6移除了这个机制，无论严格模式还是非严格模式，同名属性都会取最后一个值。

// demo2var person = { ['my' + value]: 'Jenny', myname: 'Tom', myname: 'Lee',}console.log(person.myname) // Lee

二、新增方法

从 ES5 开始遵循的一个设计目标是，避免创建新的全局函数，也不在object.prototype上创建新的方法。

为了是某些任务更容易实现，ES6 在全局 Object 对象上引入一些新的方法。

2.1 Object.is( )

ES6 引入Object.is()方法来弥补全等运算符的不准确计算。

全等运算符在比较时不会触发强制转换类型，Object.is()运行结果也类似，但对于 +0 和 -0（在 JS 引擎中为两个不同实体）以及特殊值NaN的比较结果不同，示例来看：

// demo3console.log(5 == '5') // trueconsole.log(5 === '5') // falseconsole.log(Object.is(5, '5')) // falseconsole.log(+0 == -0) // trueconsole.log(+0 === -0) // trueconsole.log(Object.is(+0, -0)) // falseconsole.log(NaN == NaN) // falseconsole.log(NaN === NaN) // falseconsole.log(Object.is(NaN, NaN)) // true

总结来说，Object.is()对所有值进行了更严格等价判断。当然，是否使用Object.is()代替全等操作符（===）取决于这些特殊情况是否影响代码。

2.2 Object.assign( )

ES6 添加Object.assign()来实现混合（Mixin）模式，即一个对象接收另一个对象的属性和方法。注意是接收而不是继承，例如接收 demo1 中的对象：

// demo4var friend = {}Object.assign(friend, person)friend.sayName() // Jennyconsole.log(friend.age) // 18console.log(Object.getPrototypeOf(friend) === person) // false

在Object.assign()之前，许多 JS 库自定义了混合方法 mixin( ) 来实现对象组合，代码类似于：

function mixin(receiver, supplier) { Object.keys(supplier).forEach(function (key) {  receiver[key] = supplier[key] }) return receiver}

可以看出 mixin( ) 方法使用“=”赋值操作，并不能复制访问器属性，同理Object.assign()也不能复制访问器属性，只是执行了赋值操作，访问器属性最终会转变为接收对象的数据属性。示例如下：