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

Question

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

3

在使用gulp-uglify压缩JavaScript文件之后，我注意到了一些有趣的问题。我传递undefined到全局IIFE包装器中，我看到它被改成了void 0。什么是void 0？我在控制台上运行它并返回undefined，这很有趣！这让我很好奇，所以我开始对void 0进行测试。在我的控制台测试中（简单的循环和时间戳），我观察到使用void 0而不是undefined可以提高180倍的速度，具体取决于浏览器。是否有人知道为什么检查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)

- Joe Leonard

1

不，void 0 是一个原始值，undefined 是一个全局变量。 - ewramner

1

value undefined 是一个原始值，但是当使用标识符时，它通过全局变量进行访问。 - user8897421

1

总的来说，对微基准测试要持怀疑态度。它们很难做到正确。单个测试不应该太具有说服力。我认为大多数实现都可以静态确定全局的 undefined 没有被遮蔽，因此可以优化作用域链遍历。 - user8897421

1

@user2612030: void 0 是一个表达式（使用 void 运算符），它返回原始值 undefined，就像 SterlingArcher 所写的一样。 - user8897421

1

@Pointy，你错了：首先是指针，void关键字在其后运行表达式，所以for循环做了一些事情：每次迭代都会运行0！其次，我尝试使用创建和删除DOM元素的相同代码来执行更多操作。这里是fiddle。 - Davide Cannizzo

显示剩余6条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Joe Leonard · Accepted Answer

实际上，我刚意识到

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更少，并且它消除了对遍历范围的担忧。