脚本宝典收集整理的这篇文章主要介绍了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())
判定NaN和NaN相等: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,请注明来意。