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);
目录
相关文章
|
4月前
|
网络架构
ES6中数组新增了哪些扩展?
ES6中数组新增了哪些扩展?
42 1
|
1月前
|
JavaScript 前端开发
ES6之对象的简化
ES6(ECMAScript 2015)引入了一些新的语法特性,使得对象的定义和使用更加简洁和方便。以下是一些ES6中对象的简化写法:
|
4月前
ES6对象新增了哪些扩展?
ES6对象新增了哪些扩展?
33 0
|
4月前
|
网络架构
ES6函数新增了哪些扩展?
ES6函数新增了哪些扩展?
28 0
|
4月前
|
JavaScript 前端开发
ES6学习(四)—字符串的新增方法
ES6学习(四)—字符串的新增方法
|
4月前
|
网络架构
ES6学习(六)—函数的扩展
ES6学习(六)—函数的扩展
|
4月前
ES6学习(三)—字符串的扩展
ES6学习(三)—字符串的扩展
|
5月前
ES6对象扩展
ES6对象扩展
21 0
|
8月前
ES6中对象新增了哪些扩展?
ES6中,当对象键名与对应值名相等的时候,可以进行简写