ES6属性名表达式

实际开发中，我们有时候需要使用变量作为对象属性名来拼接属性名或者获取对象动态变化的属性名的属性值，这时候就需要用到表达式作为属性名这种方式了。

属性名（键名）可以通过变量依赖来生成。
注意：使用表达式作为属性名，必须使用方括号[]！

let obj = {};
let str = "One";
obj.food = "apple";  //使用标识符作为属性名
obj["color" + str] = "red"; //使用表达式作为属性名，必须使用方括号
console.log(obj); // {food: "apple", colorOne: "red"}


let propKey = "foo";
//这种使用字面量方式定义对象（就是写在大括号内），用表达式作为对象的属性名是es6新增的写法
let obj2 = {
    [propKey] :true,
    ["color" + "Two"]:"white"
};
console.log(obj2); //{foo: true, colorTwo: "white"}