JavaScript 定义对象的属性，有两种方法。
// 方法一 obj.foo = true; // 方法二 obj[‘a‘ + ‘bc‘] = 123;
上面代码的方法一是直接用标识符作为属性名，方法二是用表达式作为属性名，这时要将表达式放在方括号之内。
但是，如果使用字面量方式定义对象（使用大括号），在 ES5 中只能使用方法一（标识符）定义属性。
var obj = {
foo: true,
abc: 123
};
ES6 允许字面量定义对象时，用方法二（表达式）作为对象的属性名，即把表达式放在方括号内。
let propKey = ‘foo‘;
let obj = {
[propKey]: true,
[‘a‘ + ‘bc‘]: 123
};
注意，属性名表达式与简洁表示法，不能同时使用，会报错。
// 报错
const foo = ‘bar‘;
const bar = ‘abc‘;
const baz = { [foo] };
// 正确
const foo = ‘bar‘;
const baz = { [foo]: ‘abc‘};
（以上为ECMAScript 6 入门原文）
原文：https://www.cnblogs.com/zhengshihui/p/10354762.html