ES6 之 对象的简写方式

摘要:简写有两条基本原则:同名的属性可以省略不写;对象中的方法中的 : function 可以省略不写;来看下下面这个例子我分别用ES5 和 ES6 的语法分别定义并声明了一个简单的学生对象

简写有两条基本原则:

  • 同名的属性可以省略不写
  • 对象中的方法中的 : function 可以省略不写

来看下下面这个例子,我分别用ES5 和 ES6 的语法分别定义并声明了一个简单的学生对象:


ES5:

var studentES5 = {
	name: '小方哥',
	age: 20,
	sex: '男',
	getName: function () {
	  return this.name;
	}
}
console.log('ES5', studentES5);
console.log('ES5', studentES5.getName());


ES6:

const name = 'Jack';
const age = 25;
const sex = '女';
const studentES6 = {
	name,// 同名的属性可以省略不写
	age,
	sex,
	getName() {// 可以省略方法中的 : function
	  return this.name;
	}
};
console.log('ES6', studentES6);
console.log('ES6', studentES6.getName());


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_4115