ES6对象字面量的新功能

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

一、对象字面量

1、属性和方法的简化

传统语法

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

ES6属性和方法的简化

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

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

let person = {
    name, 
    age,
    bio() {
        console.log(`大家好，我是${this.name}，今年${this.age}岁。`);
    }
}

2、方括号

传统语法

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

person[prop] = 18

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

const prop = 'age';
const person = {
    [prop]: 18; 
};