对象的扩展内容
一、属性表示法
ECMAScript 6 允许直接将变量和函数作为对象的属性和方法。
示例代码如下:
let name = '迪迦';
function sayMe() {
console.log('我是迪迦!')
}
// ES5 定义对象的属性和方法的方式
/*
var obj = {
name : name,//第二个name表示变量名
sayMe : sayMe // 第二个sayMe表示函数名
}
*/
// ES6 允许将变量名和函数名直接作为对象的属性和方法的方式
var obj = {
name,
sayMe
}
console.log(obj.name)//迪迦
二、Object的方法
Object.is()
方法
ECMAScript 5比较两个值是否相等,使用的是相等运算符(==
)和全等运算符(===
)。但这两个运算符在使用时都具有缺点:
- 相等运算符在比较之前,会自动转换数据类型。
- 全等运算符导致 NaN 与自身不等,+0 等于 -0 等问题。
ECMAScript 6提出了同值相等(Same-value equality )算法来解决以上问题。Object.is()
方法就是对同值相等算法的具体实现。
示例代码如下:
// ES5
console.log(+0 === -0);//true
console.log(NaN === NaN);//false
// ES6
console.log(Object.is(+0,-0));//false
console.log(Object.is(NaN,NaN));//true
Object.assign()
方法
Object.assign()
方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。
Object.assign(target,...sources)
- target : 目标对象。
- sources :源对象。
- 返回值 : 目标对象。
Object.assign()
方法只会拷贝源对象自身的并且可枚举的属性到目标对象。
var obj = {
name : '迪迦',
age : 10000
}
var target = {};
var result = Object.assign(target,obj);
console.log(result,target);
// 深复制
target.name = '赛罗';
console.log(obj.name);//迪迦
super 关键字
ECMAScript 6 新增了 super 关键字用于指向当前对象的原型对象。
示例代码如下:
var prpo = {
age : 19
}
var obj = {
name : '迪迦',
sayMe() {
console.log(super.age);
}
}
// 将prpo对象作为obj对象的原型对象
Object.setPrototypeOf(obj,prpo);
/*console.log(obj.name);
console.log(obj.age);*/
obj.sayMe()
对象的扩展运算符
对象的扩展运算符(…)用于取出参数对象的所有可遍历属性,拷贝到当前对象之中。
var obj = {
name : '迪迦',
age : 10000
}
// 将源对象的可枚举的属性赋值到目标对象中
var target = {...obj};
//Object.assign(target,obj);
console.log(target);