上面代码的方法一是直接用标识符作为属性名,方法二是用表达式作为属性名,这时要将表达式放在方括号之内。

    但是,如果使用字面量方式定义对象(使用大括号),在 ES5 中只能使用方法一(标识符)定义属性。

    1. foo: true,
    2. abc: 123
    3. };

    下面是另一个例子。

    1. let lastWord = 'last word';
    2. 'first word': 'hello',
    3. [lastWord]: 'world'
    4. };
    5. a['first word'] // "hello"
    6. a[lastWord] // "world"

    表达式还可以用于定义方法名。

    1. // 报错
    2. const foo = 'bar';
    3. const bar = 'abc';
    4. const baz = { [foo] };
    5. // 正确
    6. const baz = { [foo]: 'abc'};

    注意,属性名表达式如果是一个对象,默认情况下会自动将对象转为字符串[object Object],这一点要特别小心。

    上面代码中,[keyA][keyB]得到的都是[object Object],所以[keyB]会把[keyA]覆盖掉,而myObject最后只有一个[object Object]属性。