第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() {
}
