4

在纯 JavaScript 中，MDN和Google JavaScript 样式指南建议以下两个片段是等效的：

// Snippet one
var myObject = {
  "test":"test"
}

// Snippet two
var myObject = {
  test:"test"
}

但是，JSON规范要求使用引号。

在定义对象字面量时，什么时候使用引号是正确的（如果有的话）？它是否暗示/对口译员有任何影响？

我编写了一个测试函数，它使用performance.now()（MDN）来测量创建一百万个简单对象所需的时间：

function test(iterations) {
  var withQuotes = [];
  var withoutQuotes = [];

  function testQuotes() {
      var objects = [];
      var startTime, endTime, elapsedTimeWithQuotes, elapsedTimeWithoutQuotes;

      // With quotes
      startTime = window.performance.now();

      for (var i = 0; i < 1000000; i++) {
          objects[objects.length] = {
              "test": "test"
          };
      }

      endTime = window.performance.now();
      elapsedTimeWithQuotes = endTime - startTime;

      // reset
      objects = undefined;
      startTime = undefined;
      endTime = undefined;
      objects = [];

      // Without quotes
      startTime = window.performance.now();

      for (var i = 0; i < 1000000; i++) {
          objects[objects.length] = {
              test: "test"
          };
      }

      endTime = window.performance.now();
      elapsedTimeWithoutQuotes = endTime - startTime;

      return {
          withQuotes: elapsedTimeWithQuotes,
          withoutQuotes: elapsedTimeWithoutQuotes
      };
    }

  for (var y = 0; y < iterations; y++) {
      var result = testQuotes();
      withQuotes[withQuotes.length] = result.withQuotes;
      withoutQuotes[withoutQuotes.length] = result.withoutQuotes;

      console.log("Iteration ", y);
      console.log("With quotes: ", result.withQuotes);
      console.log("Without quotes: ", result.withoutQuotes);
  }

  console.log("\n\n==========================\n\n");
  console.log("With quotes average: ", (eval(withQuotes.join("+")) / withQuotes.length));
  console.log("Without quotes average: ", (eval(withoutQuotes.join("+")) / withoutQuotes.length));
}

test(300);

我得到的结果表明使用引号（略微）更快。为什么会这样？

在我的浏览器上，我从我的测试函数中得到这些结果（平均超过 300 次迭代）：

带引号：167.6750966666926ms
不带引号：187.5536800000494ms

当然，我的测试功能也很可能是 duff ......

4

1 回答 1

3

属性的名称可以是任何字符串，包括空字符串。如果名称是合法的 JavaScript 名称而不是保留字，则对象文字中属性名称的引号是可选的。所以"first-name"周围需要引号，但first_name周围是可选的 。

资料来源：Douglas Crockford 的“JavaScript: The Good Parts”。

于 2013-09-10T15:36:45.933 回答