ES6特性总结

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了ES6特性总结脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

一、对象的扩展

1、ES6中做了简化

传统对象是键值对的集合。

①初始化时key和value名字相同,可简写

function createPErson(name, age){
    retrun {
        name,
        age
    }
}

②属性值为方法,可省略冒号和function关键字(vue中的用法)

methods:{
    getName(){
        console.LOG('name')
    },
    getAge(){
        console.log('age')
    }
}

2、属性名可计算

之前的版本,可通过[]来访问名字为变量的属性,此种方法的前提是属性变量名已知。

ES6中属性名是可计算的

let obj = {},
    originArr=[{ name: "jack", age: "19"}, { name: "tom", age: "20"}];
for(let i=0;i<originArr.length; i++){
    obj['First-' + originArr[i].name] =   originArr[i].age 
}
console.log(obj)//{ 'first-jack': '19', 'first-tom': '20' }

3、新增方法

①比较值得方法(Object.is())

判定NaNNaN相等:Object.is(NaN, NaN) //true
判定+0和-0不等:Object.is(+0, -0) //false(+0和-0在JavaScript引擎中是两个完全不同的实体)

②对象的混合(Object.assign())

let objA = { name: 'kIT', age: '21'},
    objB = { sex: 'meal', height: '180'};
Object.assign(objA, objB);
console.log(objA) //{ name: 'kit', age: '21', sex: 'meal', height: '180' }
console.log(objB) //{ sex: 'meal', height: '180' }

脚本宝典总结

以上是脚本宝典为你收集整理的ES6特性总结全部内容,希望文章能够帮你解决ES6特性总结所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。