1. 程式人生 > >Es6物件字面量的改進

Es6物件字面量的改進

(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);

執行結果: