ES6中 用表达式作为 对象属性名的语法糖

我们知道，访问对象的属性的时候有两种写法：

var demo1 = {};
// 写法一 ：
demo1.prop1 = 1;
// 写法二 ：
demo1[prop2] = 2;

那么这两种写法有什么不同呢？答案是在写法二中，我们可以在方括号中写入表达式，用表达式的值作为对象的属性。所以写法二还可以写成如下的形式：

demo1['prop' + '2'] = 2; 

在ES5的年代，在对象字面量中的是不可以使用表达式的值作为对象的属性（方法）名的，但是在ES6中这种做法是被允许的。

let obj = {
   ['prop'+ 1] : 100;
   ['funct'+'ion'](){
       return "我是一个方法！"
   }
};

在这里有一点需要注意：如果属性名表达式是一个对象的话，默认情况下，会将其自动转换成字符串[Object Object]。

const keyA = {a: 1};
const keyB = {b: 2};

const myObject = {
  [keyA]: 'valueA',
  [keyB]: 'valueB'
};

myObject // Object {[object Object]: "valueB"}