如何在JavaScript对象文字中使用变量作为键？

  • Z时代
  • 2024-01-10
  • 分类：问答

为什么下面的工作？

<something>.stop().animate(
    { 'top' : 10 }, 10
);

而这不起作用：

var thetop = 'top';
<something>.stop().animate(
    { thetop : 10 }, 10
);

更清楚地说：目前，我无法将CSS属性作为变量传递给animate函数。

回答：

{ thetop : 10 }是有效的对象文字。该代码将创建一个对象，其属性名为thetop，值为10。以下两项相同：

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

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

var thetop = "top";
// create the object literal
var aniArgs = {};
// Assign the variable property name with a value of 10
aniArgs[thetop] = 10;
// Pass the resulting object to the animate method
<something>.stop().animate(
    aniArgs, 10  
);

ES6 将 _ComputedPropertyName_定义为对象文字语法的一部分，这使您可以编写如下代码：

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

您可以在每个主流浏览器的最新版本中使用此新语法。

以上是 如何在JavaScript对象文字中使用变量作为键？ 的全部内容， 来源链接： utcz.com/qa/404379.html

回到顶部