ES6 对象的扩展内容

简介: 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);
目录
相关文章
|
6月前
|
网络架构
ES6中数组新增了哪些扩展?
ES6中数组新增了哪些扩展?
75 1
|
1月前
|
前端开发 网络架构
ES6对函数做了哪些扩展?
本文首发于微信公众号“前端徐徐”,介绍了 ES6 中函数参数的默认值、rest 参数、严格模式、name 属性、箭头函数、尾调用优化等新特性,并详细解释了各个特性的使用方法和注意事项。同时,还介绍了 ES2017 和 ES2019 中关于函数的一些改进,如函数参数尾逗号、`Function.prototype.toString()` 方法的修改以及 `catch` 语句参数的省略。
11 1
|
6月前
ES6对象新增了哪些扩展?
ES6对象新增了哪些扩展?
65 0
|
6月前
|
网络架构
ES6函数新增了哪些扩展?
ES6函数新增了哪些扩展?
59 0
|
JavaScript 前端开发
ES6新增特性学习
ES6新增特性学习
ES6中对象新增了哪些扩展?
ES6中,当对象键名与对应值名相等的时候,可以进行简写
|
网络架构
ES6中函数新增了哪些扩展?
ES6允许为函数的参数设置默认值
|
网络架构
ES6中数组新增了哪些扩展?
ES6通过扩展元素符…,好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列