关于 JavaScript 键引号的标准或最佳实践是什么？

Question

我一直在研究诸如此类的几个问题，看看是否有标准实践/最佳实践来决定是否在 JavaScript、JSX 或 TSX 中的键上加引号。然而，我还没有找到任何东西，并且想知道（在建立一个关于不良实践的大型项目之前）哪个是最好的：

obj = {'foo': 'bar'}

和

obj = {foo: 'bar'}

或者更好的是，有一些我可以参考的文件吗？

Answer 1

查看Airbnb JavaScript 风格指南。它有一套标准的指南和最佳实践。

• 3.6仅引用无效标识符的属性。埃斯林特：quote-props

为什么？一般来说，我们主观上认为它更容易阅读。它改进了语法高亮，并且也更容易被许多 JS 引擎优化。

// bad
const bad = {
  'foo': 3,
  'bar': 4,
  'data-blah': 5,
};

// good
const good = {
  foo: 3,
  bar: 4,
  'data-blah': 5,
};