小知识-计算属性(名)

今天发现一个js的特性 之前一直没用过

computed-properties
第一眼看去 以为是 vue 的计算属性

用es2015-computed-properties 一搜

let foo = 'foo', bar = 'bar'
let obj = {
  ["x" + foo]: "heh",
  ["y" + bar]: "noo",
  foo: "foo",
  bar: "bar"
};

console.log(obj)//{xfoo: "heh", ybar: "noo", foo: "foo", bar: "bar"}

原来是计算属性(名)

js中属性名只能是字符串或symbol 

倒是取值的时候 obj["x"+foo] 很是常用

也不知道什么时候会用到, 终归是原先不知道有这个用法的.