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

时间:2021-09-03 09:29:21

通常,我们声明一个函数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

如有问题,欢迎留言(・∀・)