<<深入理解ES6>>记:四

第4章 扩展对象的功能性

1.对象字面量语法扩展

• 属性初始值的简写
  

function createPerson(name, age) {
    return {
        name,
        age
    };
}

• 对象方法的简写语法
  

var person = {
    name: 'ylz',
    sayHello() {
        console.log(this.name);
    }
}

• 可计算属性名(Computed Property Name)
  

var suffix = "name";
var person = {
    ["first" + suffix]: "Jack",
    ["last" + suffix]: "Rose"
}
console.log(person[first name]);
console.log(person[last name]);

2.新增方法

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

console.log(+0 == -0);   // true
console.log(+0 === -0);   // true
console.log(Object.is(+0, -0));   // false
console.log(NaN == NaN);   // false
console.log(NaN === NaN);   // false
console.log(Object.is(NaN, NaN));   // true

• Object.assign()方法
  混合(Mixin)是JavaScript中实现对象组合最流行的一种模式.在一个mixin方法中,一个对象接受来自另一个对象的属性和方法,许多JavaScript库中都有类似的mixin方法:

ES5:
function mixin(receiver, supplier) {
    Object.keys(supplier).forEach(function(key) {
        receiver[key] = supplier[key];
    }); 
    return receiver;
}
person = {
    emit: funtion() {},
    on: function() {}
}
var myObject = {}
mixin(myObject, person);
ES6:
Object.assign(myObject, person);

注意点: Object.assign()方法不能讲提供者的访问属性(如get)复制到接收对象中

• 增加对象原型
  在ES5中添加了Object.getPrototypeof()方法来返回任意制定对象的原型
  在ES6中添加了Object.setPrototypeof()方法来改变任意指定对象的原型

let person = {
    getGreeting() {
        return 'hello';
    }
};
let dog = {
    getGreeting() {
        return 'kite'
    }
}
// 以person对象为原型
let friend = Object.create(person);
console.log(friend.getGreeting());   // "Hello"
console.log(Object.getPrototypeOf(friend === person));   // "Hello"
// 将原型设置为dog
Object.setPrototypeOf(friend, dog);

• ES6引入super引用的特性,使用它可以更便捷地访问对象原型

3.正式的方法定义
在ES6中正式将方法定义为一个函数

let person = {
    // 是方法
    sayHello() {
    }
}
// 不是方法
function sayMsg() {
}