使用连接(动态)字符串作为JavaScript对象键？

Question

var test = "test123"
var test123 ={
    "key" + test: 123
}

此代码不起作用."关键"+测试有什么问题？

Answer 1

因为它"key" + test是一个表达式而不是标识符,也不是字符串文字,也不是数字文字,它们是唯一被允许作为对象文字中的键的东西.

[]在为这样的动态密钥创建对象后,必须使用该表示法:

var test123 = {};
test123["key" + test] = 123;

标识符基本上是您可以调用变量的字符的子集(字母,数字_和$;可能不以数字开头),字符串文字是用'或括起来的任何字符串".

因此,您可以在对象文字中使用的唯一键类型是:

{
  a0:   true, // valid identifier
  $$_:  true, // same
  123:  true, // valid numeric literal
  012:  true, // same (octal)
  0xf:  true, // same (hex)
  "@":  true, // not allowed as an identifier
  '0a': true  // same
}

参考:http://es5.github.com/#x11.1.5.

PropertyName:

IdentifierName

字符串字面量

NumericLiteral

Answer 2

使用ES6,您可以在对象文字中定义动态键:

const test = "test123"
const test123 = { [`key${test}`]: 123 };  //{ keytest123: 123 }

Answer 3

您可以但不能使用文字符号(ES6之前).

var test123 = {};
test123["foo" + "bar"] = 'baz';

test123.foobar === 'baz'; // true