本文介绍了是否可以在 JavaScript 中使用对象文字定义动态命名的属性?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！
问题描述
考虑以下
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.
这篇关于是否可以在 JavaScript 中使用对象文字定义动态命名的属性?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！