是否可以在 JavaScript 中使用对象文字定义动态命名的属性?

2022-01-24 00:00:00 javascript coffeescript

考虑以下

var a = {foo: "bar"};

相当于

var a = {};
a.foo = "bar";

相当于

var a = {};
a['foo'] = "bar";

相当于

var a = {}
var b = "foo";
a[b] = "bar";

是否可以做类似的事情

var b = "foo";
var a = { [b]: "bar" };

这样的结果是

// => {foo: "bar"}

<小时>

可接受的解决方案是 JavaScript 或 CoffeeScript


Acceptable solutions are in JavaScript or CoffeeScript

推荐答案

ES6 支持计算属性.

ES6 supports computed properties.

// code from my original question now works in ES6 !
let b = "foo";
let a = { [b]: "bar" };

a.foo; //=> "bar"

[] 中可以使用任何表达式来定义属性名称

Any expression can be used within the [] to define the property name

let a = {
  [(xs => xs.join(''))(['f','o','o'])]: 'bar'
};

a.foo; //=> "bar"

如果你需要在 ES5 世界中依赖这种行为,你可以依赖非常强大的 babel.js将您的 ES6 代码转换为 ES5 兼容的代码.

If you need to rely on this behavior in an ES5 world, you can lean on the very capable babel.js to transpile your ES6 code to ES5-compatible code.

相关文章