欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ES6 Object屬性新的寫法實例小結

 更新時間：2019年06月25日 11:23:00   作者：Johnny丶me  
這篇文章主要介紹了ES6 Object屬性新的寫法,結合實例形式總結分析了ES6中object屬性的常見簡化寫法,需要的朋友可以參考下

本文實例講述了ES6 Object屬性新的寫法。分享給大家供大家參考，具體如下：

之前我們定義一個對象特別麻煩，現在ES6簡化了這些麻煩，在對象屬性的新定義方法中存在以下的優(yōu)化

我們之前定義對象屬性的方法

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

之前動態(tài)添加新屬性的寫法

var obj = {
 name:1
};
obj['x'] = 2;
obj.y = 3;

ES6 中動態(tài)添加新屬性的寫法

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相關內容可查看本站專題：《javascript面向對象入門教程》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

相關文章

最新評論