Es6物件字面量的改進
阿新 • • 發佈:2018-12-14
(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);
執行結果: