为什么检查 void 0 比检查 undefined 快得多？

Question

在我的级联 javascript 上使用 gulp-uglify 后，我注意到了一些有趣的事情。我将undefined 传递给全局IIFE 包装器，我看到它正在将其更改为void 0。 void 0 到底是什么？我在控制台中运行它并返回未定义。有趣的！这让我很好奇，所以我开始在 void 0 上运行测试。在我的控制台测试（简单循环和时间戳）中，我观察到速度提高了 180 倍，具体取决于浏览器，检查 void 0 而不是 undefined。有谁知道为什么检查 void 0 这么快？

(function(start, x, z){
    for (var i=0; i<z; i++){
      if (x === undefined){}
    }
    console.info('t1 ', Date.now() - start);
    start = Date.now();
    for (var i=0; i<z; i++){
      if (x === void 0){}
    }
    console.info('t1 ', Date.now() - start);
})(Date.now(), '', 1e6)

Answer 1

其实我才意识到void 0和undefined的区别。 undefined 是全局范围的值，void 是运算符。此测试中发生的情况是全局检查未定义，而 void 0，因为它是使用运算符 void 的表达式，不需要范围遍历来检查其值。如果您将undefined 传递给IIFE 包装器，则测试结果将是相同的。原始测试中显示的性能差异实际上仅测量了 1e6 次范围遍历的时间成本。

进一步的代码证明是这种情况。下面的 for 循环具有相同的执行时间：

(function(start, x, z, undefined, c, Math){
    for (var i=0; i<z; i++){
    if (x !== undefined){
        c = Math.random();
    }
    }
    console.info('t1 ', Date.now() - start);
    start = Date.now();
    c = 0;
    for (var i=0; i<z; i++){
        if (x !== void 0){
            c = Math.random();
        }
    }
    console.info('t1 ', Date.now() - start);
})(Date.now(), '', 1e6, undefined, 0, Math)

rock star 确实指出结果取决于代码的编写方式，例如是否访问内存中的条件分配值。根据我的测试，如果您获取值并将其作为参数传递给函数，它将有很大的不同。那时浏览器可能会决定做更少的优化。尽管如此，在我运行的每个测试中，void 0 仍然比undefined 更快或等效，使用更少的 kb，并且消除了对遍历范围的担忧。