ES5时,我们想将变量的值赋给对象的某个属性,是这么做的。
let name = "易先生";
let obj = {
name:name,
skill:function(){
console.log("搞你的电脑");
}
}
console.log(obj.name);
ES6当中,我们可以省略掉变量的名称,即对象属性的简写。
let name = "蓝镜";
let obj = {
name, //注意这里没有冒号
skill:function(){
console.log("搞你的电脑");
}
}
console.log(obj.name);
我们再来看一下对象方法的简写,ES5时是这么干的。
let name = "易先生";
let obj = {
name, //注意这里没有冒号
skill:function(){
console.log("搞你的电脑");
}
}
obj.skill();
ES6中我们可以简化成这样。
let name = "易先生";
let obj = {
name, //注意这里没有冒号
skill(){ //冒号和function关键字都省掉了
console.log("再搞你的电脑");
}
}
obj.skill();
我们再来看一下动态键名。
let name = "易先生";
let key = "height";
let obj = {
name, //注意这里没有冒号
[key]:"173cm", //通过[]解析出变量的值作为对象的键名
skill(){
console.log("再搞你的电脑");
}
}
console.log(obj.height);
好了,以上就是ES6对象新特性的三个知识点,我们再回顾一下,它们分别是对象属性简写、对象方法简写、对象中的动态键名。你都掌握了吗?有问题可以及时留言!