ES6中有关对象的新增语法

参考书本总结了一些JavaScript里简写的方式，更有助于读懂项目

1. 属性值简写

在对象属性名和变量名一致时，可以如下简写：

let name = "Vector";
let coder = {name: name}
// 等价于
let coder = {name};

代码压缩程序会在不同作用域保留属性名，以防找不到引用：

function makePerson(name) {
    return {
        name
    }
}
let v = makePerson("vector")
console.log(v.name)

// 使用Google closure编译器压缩代码，函数参数名会缩短，但属性名不变，等同于下
function makePerson(a) {
    return {
        name: a
    }
}

2. 可计算属性

在这之前，如果想使用变量的值作为属性，那么必须声明对象后通过中括号语法添加属性

let person = {}
let nameKey = "name";
let ageKey = "age";
person[nameKey] = "vector";
person[ageKey] = 23;
console.log(person) // { name: 'vector', age: 23 }

而使用点号语法则不能使用变量名，这也是中括号语法更灵活的一点

3. 简写方法名

以下三种写法是等价的，只是最后一种在类中给函数表达式命名很少见

let person = {
    sayName: function(name) {
        console.log(`My name is ${name}`);
    }
}
let person = {
    sayName(name) {
        console.log(`My name is ${name}`);
    }
}
let person = {
    sayName: function otherFunName(name) {
        console.log(`My name is ${name}`);
    }
}

来自 《JavaScript高级程序语言设计》 8.1.6 增强的对象语法