ES6 新增的对象字面量语法

ES6 新增的对象字面量语法

成员速写

如果对象字面量初始化时，成员的名称来自于一个变量，并且和变量名称相同，则可以进行简写。

	function demo (a, b, c) {
		return {
			a = a,
			b = b, 
			c = c
		}
	}//当我们需要返回一个对象又恰好相同时
	
	function demo (a, b, c) {
		return {
			a,
			b, 
			c
		}
	}
	
	//则可以进行简写
	//方法和属性是一样的也可以进行速写

他只是给你提供了一个语法糖，只是为了让你用得舒服一些，本质并没有改变。

方法速写

在对象字面量初始化的时候，方法可以省略冒号:和function关键字。

	const obj = {
		name : 123,
		age : 456,
		say :function () {
			console.log(this.name, this.age);
		}
	}
	//可以简化为
	const obj = {
		name : 123,
		age : 456,
		say () {
			console.log(this.name, this.age);
		}
	}
	

也是给你提供了一个语法糖，只是为了让你用得舒服一些，本质并没有改变。

计算属性名

有时候初始化对象时，某个属性名可能来自于某个表达式的值，在ES6中，可以使用中括号[]来表示该属性名是通过计算得到的。

	
	//当我们要将一个变量的值用作属性的属性名时我们一般这么做
	const prop1 = 'name';
	const prop2 = 'age';
	const prop3 = 'say';
	
	const user = {
		
	}
	user[prop1] = 'name'

	//而ES6中提供了一个新的语法糖
	
	const user = {
		[prop1] : '123',
		[prop2] : '456',
		[prop2] () {		}
	}
	
	//之后我们就可以进行这样的简写了

这其实是一个非常实用的方法

以上就是 ES6 新增的对象字面量语法 的全部内容了，希望对你有用。