ES6对象字面量的新功能

概述：主要介绍对象字面量，属性和方法的简化写法

一、对象字面量

1、属性和方法的简化

传统语法

let person = { 
	name: 'bob',
	age: 18
	bio: funciton () {
		console.log(`大家好，我是${this.name}，今年${this.age}岁。`)	
	}
}
1
2
3
4
5
6
7

ES6属性和方法的简化

• 属性名和变量名同名，可以只写变量名；
• 方法书写，类似于函数声明语法（去掉function关键字）。

let name = 'bob';
let age = 18;

let person = {
    name, 
    age,
    bio() {
        console.log(`大家好，我是${this.name}，今年${this.age}岁。`);
    }
}
1
2
3
4
5
6
7
8
9
10

2、方括号

传统语法

const prop = 'age';
const person = {};

person[prop] = 18
1
2
3
4

ES6方括号运算符可以写入对象字面量

const prop = 'age';
const person = {
	[prop]: 18; 
};
1
2
3
4