JavaScript 学习笔记: ES6 新特性——对象初始器中函数属性简写

Posted 笑虾

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 学习笔记: ES6 新特性——对象初始器中函数属性简写相关的知识,希望对你有一定的参考价值。

属性

以前:

var k1 = "值1";
var k2 = "值2";
obj = {
	k1 : k1,
	k2 : k2
}

ES6开始支持简写方式:

var k1 = "值1";
var k2 = "值2";
obj = {
	k1,
	k2
}

函数

以前:

obj = {
	fn : function(str){
		return str + ": 666";
	}
}

ES6开始支持简写方式:

obj = {
	fn(str){
		return str + ": 666";
	}
}

动态的函数名

var str = "jerry";
obj = {
	['fn' + str]() {
		return "666";
	}
}
obj.fnjerry(); // 666

参考资料

MDN:Web 开发技术》JavaScript》JavaScript 参考》函数》方法的定义

以上是关于JavaScript 学习笔记: ES6 新特性——对象初始器中函数属性简写的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript学习--Item24 ES6新特性概览

js学习笔记03-ES6语法

常见ES6新属性

ES6新特性:Javascript中Generator(生成器)

前端入门21-JavaScript的ES6新特性

Typescript学习笔记基础类型