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

Posted 小目标

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript中的匿名函数遇上!会怎么样相关的知识,希望对你有一定的参考价值。

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

 

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

以上是关于JavaScript中的匿名函数遇上!会怎么样的主要内容,如果未能解决你的问题,请参考以下文章

Lambda演算中的JavaScript匿名函数模拟算法,结果返回`undefined`

如何从javascript中的一个线性箭头函数返回匿名对象? [复制]

JavaScript中的闭包与匿名函数

重学JavaScript之匿名函数

JavaScript——匿名函数和闭包

深入理解javascript 匿名函数和闭包