欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ES6知识点整理:对象属性新的写法

程序员文章站 2022-09-11 09:53:05
之前我们定义一个对象特别麻烦,现在ES6简化了这些麻烦,在对象属性的新定义方法中存在以下的优化 我们之前定义对象属性的方法 var obj = { getName:f...

之前我们定义一个对象特别麻烦,现在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
}

*/