JavaScript如何使用变量设置对象的键名

发表于 更新于 阅读次数： 本文字数： 418 阅读时长 ≈ 1 分钟

{thetop: 10} 是一个有效的对象字面量。代码将创建一个属性名为 thetop 且值为 10 的对象。与以下内容相同：

1
2
obj = {thetop: 10};
obj = {"thetop": 10};

在 ES5 及更早版本中，你不能直接在对象字面量中使用变量作为属性名称。唯一的选择是执行以下操作：

1
2
3
4
5
6
var thetop = "top";
// 创建对象字面量
var aniArgs = {};

// 将变量属性名称赋值为 10
aniArgs[thetop] = 10;

ES6 将 ComputedPropertyName 定义为对象字面量语法的一部分，这允许你像这样编写代码：

1
2
3
var thetop = "top",
	obj = { [thetop]: 10 };
console.log(obj.top); // -> 10

来源