本文實例講述了ES6 Object屬性新的寫法。分享給大家供大家參考,具體如下:
之前我們定義一個對象特別麻煩,現在ES6簡化了這些麻煩,在對象屬性的新定義方法中存在以下的優化
我們之前定義對象屬性的方法
var obj = { getName:function(firstName,lastName){ return {firstName: firstName, lastName: lastName} }}
比較的麻煩
ES6中屬性新的定義方法,極簡主義
var obj = { getName(firstName,lastName){ return {firstName,lastName}; }}
簡化了getter和setter方法,即:get和set關鍵字
var obj = { set _name(name) { this.name = name; }, get _name() { return this.name; }}obj._name = 'Joh';console.log(obj._name); // Joh
之前動態添加新屬性的寫法
var obj = { name:1};obj['x'] = 2;obj.y = 3;
ES6 中動態添加新屬性的寫法
var obj = { name:1, ['x']:2, ['y']:3}
代碼更少更方便
在nodejs中導出對象的方法改進
var obj1 = {};var obj2 = {};module.exports = {obj1, obj2}; // 新的方式/*舊的方式:module.exports.obj1 = obj1;module.exports.obj2 = obj2;甚至:module.exports = { obj1:obj1, obj2:obj2}*/
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答