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);
目录
相关文章
|
7月前
|
网络架构
ES6中数组新增了哪些扩展?
ES6中数组新增了哪些扩展?
82 1
|
7月前
ES6对象新增了哪些扩展?
ES6对象新增了哪些扩展?
67 0
|
7月前
|
网络架构
ES6函数新增了哪些扩展?
ES6函数新增了哪些扩展?
62 0
|
7月前
|
JavaScript 前端开发 索引
es6 数组新增哪些方法以及使用场景
es6 数组新增哪些方法以及使用场景
65 0
|
JavaScript 前端开发
ES6学习(四)—字符串的新增方法
ES6学习(四)—字符串的新增方法
ES6中对象新增了哪些扩展?
ES6中,当对象键名与对应值名相等的时候,可以进行简写
|
网络架构
ES6中数组新增了哪些扩展?
ES6通过扩展元素符…,好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列
|
网络架构
ES6中函数新增了哪些扩展?
ES6允许为函数的参数设置默认值