javascript - 在 JavaScript 中设置新对象的动态键，如 { [key] : "value" }

Question

我刚刚发现可以创建一个对象并在花括号中动态设置键，而无需第二行。

var a = "dynamicKey";
var obj = {[a]: "value"}

对比

var a = "dynamicKey";
var obj = {};
obj[a] = "value";

这是否总是可能的或在某些规范(ES3、ES5)中？

Answer 1

它叫做 bracket notation并且从 ES6/JavaScript2015 开始支持。还要检查“计算属性键”部分 here .您还可以检查 ES6/Javascript2015 spec直接(搜索“括号符号”)。

目前并非所有浏览器都支持 ES6/Javascript2015，因此最好使用 babel 等工具将 ES6/Javascript2015 转换为 ES5。或使用您也提供的设置属性的旧方法。

Webkit(例如 Chrome)现在是 100% ES6/Javascript2015 compatible .如果您只需要支持 Chrome/Webkit 浏览器，则无需再转译 ES5。