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

ES6 Object屬性新的寫法實(shí)例小結(jié)

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

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

之前我們定義一個(gè)對象特別麻煩，現(xiàn)在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關(guān)鍵字

var obj = {
 set _name(name) {
  this.name = name;
 },
 get _name() {
  return this.name;
 }
}
obj._name = 'Joh';
console.log(obj._name); // Joh

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

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

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

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

代碼更少更方便

在nodejs中導(dǎo)出對象的方法改進(jìn)

var obj1 = {};
var obj2 = {};
module.exports = {obj1, obj2}; // 新的方式
/*
舊的方式：
module.exports.obj1 = obj1;
module.exports.obj2 = obj2;
甚至:
module.exports = {
 obj1:obj1,
 obj2:obj2
}
*/

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評論