63

我正在使用"Closure Compiler"，在编译我的脚本时，我花费了以下内容：

编译前：

// ==ClosureCompiler==
// @compilation_level SIMPLE_OPTIMIZATIONS
// @output_file_name default.js
// @formatting pretty_print,print_input_delimiter
// ==/ClosureCompiler==

var myObj1 = (function() {

  var undefined;   //<----- declare undefined

  this.test = function(value, arg1) {

    var exp = 0;
    arg1 = arg1 == undefined ? true : arg1;  //<----- use declare undefined
    exp = (arg1) ? value * 5 :  value * 10;

    return exp;
  };

  return this;
}).call({});

var myObj2 = (function() {

  this.test = function(value, arg1) {

    var exp = 0;
    arg1 = arg1 == undefined ? true : arg1;  //<----- without declare undefined
    exp = (arg1) ? value * 5 :  value * 10;

    return exp;
  };

  return this;
}).call({});

编译：

// Input 0
var myObj1 = function() {
  this.test = function(b, a) {
    a = a == void 0 ? true : a;  //<-----
    var c = 0;
    return c = a ? b * 5 : b * 10
  };
  return this
}.call({}), myObj2 = function() {
  this.test = function(b, a) {
    a = a == undefined ? true : a; //<-----
    var c = 0;
    return c = a ? b * 5 : b * 10
  };
  return this
}.call({});

有了这个我相信使用“void 0”和“undefined”的问题，使用有什么区别还是两种情况都很好？

编辑

如果我定义用“void 0”编译的“var undefined”，如果我没有定义用“undedined”编译的“undefined”，那么“undefined”和“void 0”之间的字符数无关

测试

编辑二：性能，基于此链接

代码和测试

IE 8：
typeof：228ms
未定义：62ms
void 0： 57ms

Firefox 3.6：
typeof：10ms
未定义：3ms
void 0：3ms

Opera 11：
typeof：67ms
未定义：19ms
void 0：20ms

Chrome 8：
typeof：3ms
未定义：5ms
void 0：3ms

4

4 回答 4

73

来自 MDN：

void运算符评估给定的值，expression然后返回undefined。

此运算符允许将产生副作用的表达式插入需要计算结果为 undefined 的表达式的位置。

void 运算符通常仅用于获取undefined原始值，通常使用“ void(0)”（相当于“ void 0”）。在这些情况下，undefined可以改用全局变量（假设它没有被分配给非默认值）。

Closure Compiler 换了进来，void 0因为它包含的字符少于undefined，因此产生了等效的、更小的代码。

回复：OP评论

是的，我阅读了文档，但在我给出的示例中，在使用“void 0”和另一个“未定义”的情况下“谷歌关闭”

我相信这实际上是Google Closure Compiler 中的一个错误！

于 2011-01-26T15:30:22.323 回答
55

void expr和之间真正唯一的语义区别在于undefined，在ECMAScript 3上，undefined全局对象的属性（window.undefined在浏览器环境中）是可写的，而操作符将始终void 返回undefined值。

一种经常实现的流行模式，undefined不用担心使用就是简单地声明一个参数，而不是向它传递任何东西：

(function (undefined) {
  //...
  if (foo !== undefined) {
    // ...
  }

})();

这将允许缩小器将参数缩小为单个字母（甚至短于void 0:），例如：

(function (a) {
  //...
  if (foo !== a) {
    // ...
  }
})();
于 2011-01-26T15:36:08.773 回答
8

只是对之前所有答案的跟进。

它们看起来一样，但对于编译器来说它们是完全不同的。

这两个代码段编译成不同的输出，因为其中一个引用了一个局部变量（var undefined），而编译器只是将其内联，因为它只使用了一次并且不超过一行。如果它被多次使用，那么这种内联就不会发生。内联提供了“未定义”的结果，它更短地表示为“void 0”。

没有局部变量的指的是全局对象下名为“未定义”的变量，它被闭包编译器自动“外部”化（实际上，所有全局对象属性都是）。因此，不会发生重命名，也不会发生内联。瞧！仍然“未定义”。

于 2011-03-10T12:33:50.393 回答
4

没区别，自己试试吧：

void 0 === undefined

将评估为true。
undefined长3 个字符，我想这就是他们这样使用它的原因。

于 2011-01-26T15:28:00.413 回答