对象的计算属性

234 阅读1分钟

ES6 允许字面量定义对象时,用表达式作为对象的属性名,即把表达式放在方括号内 例如:

let lastWord = 'last word';

const a = {

'first word': 'hello',
[lastWord]: 'world'


};

a['first word'] // "hello"
a[lastWord] // "world"
a['last word'] // "world"

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

const keyA = {a: 1};
const keyB = {b: 2};

const myObject = {
  [keyA]: 'valueA',
  [keyB]: 'valueB'
};

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

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