ES6 对象的扩展内容

对象的扩展内容

一、属性表示法

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);
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不苒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值