ES6特性总结

51次阅读

共计 810 个字符,预计需要花费 3 分钟才能阅读完成。

一、对象的扩展
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’}

正文完
 0