对象文字中属性名称周围的方括号是什么意思？

Question

我已经在JS写了一段时间并且没有使用过这种形式：

  dist: {
    files: {
      [bpr + 'lib/Monster.min.js']: ['<%= concat.dist.dest %>']
    }
  }
}

的

[]:[]

它有效，我以前没有使用它或看过它。

Answer 1

仅限最近使用ES6。它们被称为“计算属性名称”

来自MDN：

  

从ECMAScript 2015开始，也是对象初始化器语法   支持计算属性名称。这允许你放一个表达式   在括号[]中，将计算为属性名称。