!function () {}();

它返回语句的计算结果是否为false。如:

!false      // true
!true       // false
!isValid()  // is not valid

您可以使用它两次将值强制为布尔值:

!!1    // true
!!0    // false

因此,为了更直接地回答您的问题:

var myVar = !function(){ return false; }();  // myVar contains true

编辑:它的副作用是将函数声明更改为函数表达式。例如,以下代码无效,因为它被解释为缺少所需标识符(或函数名)的函数声明:

function () { return false; }();  // syntax error

功能:

function () {}

不返回任何内容(或未定义)。

有时我们希望在创建函数时立即调用它。您可能会尝试这样做:

function () {}()

但它会导致SyntaxError。

使用!运算符,使其被视为表达式,因此我们可以调用它:

!function () {}()

这还将返回与函数返回值相反的布尔值,在本例中为true,因为!undefined为true。如果您希望实际的返回值是调用的结果,请尝试这样做:

(function () {})()

JavaScript语法101:这里是一个函数声明:

function foo() {}

注意没有分号;这只是一个函数声明。您需要调用foo()来实际运行该函数。

现在,当我们添加看似无害的感叹号时:!函数foo(){}将其转换为表达式。现在它是一个函数表达式。

这个当然,单独使用不会调用函数,但我们现在可以将()放在末尾:!函数foo(){}(),其优先级高于!并立即调用该函数。

函数foo(){}()将是一个语法错误,因为不能在函数声明之后立即放置参数(())。

因此,作者正在做的是为每个函数表达式保存一个字节;一种更可读的写作方式是:

(function(){})();

最后一点根据函数的返回值使表达式返回布尔值。通常,立即调用的函数表达式(IIFE)不会显式返回任何内容,因此它的返回值将是未定义的,这就给我们留下了!undefined,这是真的。未使用此布尔值。


感叹号使任何函数始终返回布尔值。最后一个值是函数返回值的否定值。

!function bool() { return false; }() // true
!function bool() { return true; }() // false

省略!在上述示例中,将是SyntaxError。

function bool() { return true; }() // SyntaxError

然而,实现这一目标的更好方法是:

(function bool() { return true; })() // true

这是一个很好的使用点!用于airbnb JavaScript指南上标记的函数调用

一般来说,在单独的文件(也称为模块)上使用这种技术,这些文件稍后会被连接起来。这里需要注意的是,文件应该由将新文件放在新行的工具连接(无论如何,这是大多数concat工具的常见行为)。在这种情况下,使用!将有助于避免错误,如果之前连接的模块遗漏了尾随分号,那么这将提供将它们按任意顺序放置的灵活性,而无需担心。

!function abc(){}();
!function bca(){}();

工作原理与

!function abc(){}();
(function bca(){})();

但是节省了一个字符,而且随意看起来更好。

顺便说一下,在调用函数方面,任何+、-、~、void运算符都有相同的效果,当然,如果必须使用某个函数返回,它们的行为会有所不同。

abcval = !function abc(){return true;}() // abcval equals false
bcaval = +function bca(){return true;}() // bcaval equals 1
zyxval = -function zyx(){return true;}() // zyxval equals -1
xyzval = ~function xyz(){return true;}() // your guess?

但是如果您使用IIFE模式进行一个文件一个模块的代码分离,并使用concat工具进行优化(这使得一行一个文件的工作),那么构建

!function abc(/*no returns*/) {}()
+function bca() {/*no returns*/}()

将执行安全的代码,与第一个代码示例相同。

这将引发错误,导致JavaScript ASI无法执行其工作。

!function abc(/*no returns*/) {}()
(function bca() {/*no returns*/})()

关于一元运算符,需要注意的是,它们会做类似的工作,但仅在情况下,它们不会在第一个模块中使用。因此,如果您不能完全控制连接顺序,它们就不那么安全。

这是有效的:

!function abc(/*no returns*/) {}()
^function bca() {/*no returns*/}()

这不是:

^function abc(/*no returns*/) {}()
!function bca() {/*no returns*/}()

! 是一个逻辑NOT运算符,它是一个布尔运算符,可以将某个值反转为相反的值。

尽管可以通过在函数之前使用BANG(!)来绕过被调用函数的括号,但它仍然会反转返回,这可能不是您想要的。与IEFE的情况一样,它将返回undefined,当反转时,它将变为布尔值true。

如果需要,请使用右括号和BANG(!)。

// I'm going to leave the closing () in all examples as invoking the function with just ! and () takes away from what's happening.

(function(){ return false; }());
=> false

!(function(){ return false; }());
=> true

!!(function(){ return false; }());
=> false

!!!(function(){ return false; }());
=> true

其他工作的操作员。。。

+(function(){ return false; }());
=> 0

-(function(){ return false; }());
=> -0

~(function(){ return false; }());
=> -1

组合运算符。。。

+!(function(){ return false; }());
=> 1

-!(function(){ return false; }());
=> -1

!+(function(){ return false; }());
=> true

!-(function(){ return false; }());
=> true

~!(function(){ return false; }());
=> -2

~!!(function(){ return false; }());
=> -1

+~(function(){ return false; }());
+> -1

这是编写IIFE(立即调用函数表达式)的另一种方式。

它的另一种写作方式-

(function( args ) {})()

等同于

!function ( args ) {}();

当我们进行javascript缩小时,这只是为了保存一个字节的数据。

考虑下面的匿名函数:

    function (){}

为了使上述函数成为自调用函数,我们通常会将上述代码更改为:

    (function (){}())

现在我们添加了两个额外的字符:(和),除了在函数末尾添加()之外,这是调用它所必需的。在缩小过程中,我们通常专注于减小文件大小。因此,我们也可以将上述函数写成:

    !function (){}()

两者仍然是自调用函数,我们也保存了一个字节。我们只使用了一个字符!。