JavaScript中的匿名函数遇上!会怎么样

Posted 2020-10-12 小目标

通常，我们声明一个函数test){},可以通过test（）来调用这个函数。但是，如果我们在这个函数声明的末尾加上()，解析器是无法理解的。 

function test(){
    console.log(‘hello world!‘);
}();//解析器是无法理解的。

 那为什么将函数体部分用()包裹起来就可以了呢？

(function test(){
    console.log(‘hello world!‘);
})(); //输出hello world!

解释器在解释一个语句时，如果以function开头，就会理解为函数声明。而使用括号包裹定义函数体，解析器将会以函数表达式的方式去处理定义的函数，而函数表达式后面又添加了一个()就变成了一个立即执行的函数了。也就是说，任何消除函数声明和函数表达式间歧义的方法，都可以被解析器正确识别。所以，赋值，逻辑，甚至是逗号，各种操作符都可以告诉解析器，并且对函数来说使用一元运算可以算的上是消除歧义最快的方式，常见的感叹号只是其中之一。任何能将函数变成一个函数表达式的作法，都可以使解析器正确的调用定义函数。

例如： 

!function () {
    console.log(‘hello world!‘);
}();//输出hello world

而省略了!的话：

function() {
    console.log(‘hello world!‘);
}();

就会理解为函数声明，而函数声明没有名字会报错。如果有函数名：

function f() {
 console.log(‘hello world!‘);
}();

还是会报错，因为function f(){}函数声明会提升，相当于：

function f(){
    console.log(‘hello world!‘);
}

 //其他代码...

(); // 这里报错。

ps:

如果不在乎返回值，这些一元运算都是有效的

+function(){alert(‘hello world!‘)}()        // NaN

-function(){alert(‘hello world!‘)}()        // NaN

~function(){alert(‘hello world!‘)}()        // -1

 

如有问题，欢迎留言(???)