为什么在控制台记录时具有属性 [name] 的 JS 对象会变成具有“结果”属性的对象？

Question

我已经定义了一个 JS 对象，如下所示：var obj = {    [name]: 'TESTING 201909061509'}但是当我控制台记录它时，打印的内容变成了如下所示：{result: "TESTING 201909061509"}

Answer 1

这是因为变量名的值实际上是字符串“result”。

这种访问对象属性的方式称为方括号表示法，它主要用于希望对象的属性是Symbol（原始值）而不是有效的 JavaScript标识符时。

您甚至可以将其作为表达式的结果：

var obj = { [3+5]: "some value" };

这将导致：

{ 8: "some value" }

Answer 2

除了 Maiko Morales Roman 的回答之外，如果括号内的表达式是 Object 类型，则您定义的属性将成为 [Object Object]。换句话说，对象将首先转换为字符串。

const keyA = {a: 1};

const keyB = {b: 2};

const myObject = {

  [keyA]: 'valueA',

  [keyB]: 'valueB'

};

myObject // Object {[object Object]: "valueB"}

如果要使用变量及其值设置属性，可以这样编写代码：

let birth = '2000/01/01';

const Person = {

  // birth: birth

  birth

};

Answer 3

在 javascript 中，键可以带或不带引号定义，如果您更喜欢在键中使用方括号，则可以将键名放在引号内，如下面的方法

var obj = {

    ['name']: 'TESTING 201909061509'

}

或者

var name = 'name';

var obj = {

   [name]: 'TESTING 201909061509'

}

通常我们可以像下面这样使用

var obj = {

    name: 'TESTING 201909061509'

}