(1)对属性名的简写:
ES5的写法:
const name='Marray';
const age=20;
const birthday="2018 10 20";
const Marray={
name:name,
age:age,
birthday:birthday
}
运行结果如下:
ES6改进之后:
const name='Marray';
const age=20;
const birthday="2018 10 20";
const Marray={
name,
age,
birthday
}
运行结果相同:
当属性名和变量名相同时只写属性名就可以。
(2)对象方法的简写:
const name='Marray';
const age=20;
const birthday="2018 10 20";
const Marray={
name,
age,
birthday,
greet(){
}
}
(3)计算属性的简写:
const keys=['name','age','birthday'];
const vaules=["marray",20,'1992-5-10'];
const marray={
[keys.shift()]:vaules.shift(),
[keys.shift()]:vaules.shift(),
[keys.shift()]:vaules.shift(),
}
console.log(marray);
运行结果: