javascript 匿名函数_匿名函数lambda

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用
匿名函数没有实际名字，也没有指针，怎么执行滴？
其实大家可以看看小括号的意义就应该可以理解。小括号有返回值，也就是小括号内的函数或者表达式的返回值，所以说小括号内的function返回值等于小括号的返回值，不难理解 (function(){})()可以将没有名字的函数执行了把…
关于匿名函数写法，很发散~
最常见的用法：

代码如下:

 
 (function() { 
 alert(‘water’); 
 })(); 
 

当然也可以带参数：

代码如下:

 
 (function(o) { 
 alert(o); 
 })(‘water’); 
 

想用匿名函数的链式调用？很简单：

代码如下:

 
 (function(o) { 
 alert(o); 
 return arguments.callee; 
 })(‘water’)(‘down’); 
 

常见的匿名函数都知道了，看看不常见的：

代码如下:

 
 ~(function(){ 
 alert(‘water’); 
 })();//写法有点酷~ 
 

代码如下:

 
 void function(){ 
 alert(‘water’); 
 }();//据说效率最高~ 
 

这里补充一下为什么加void效率会比较高

 这是因为加void就相当于定义了该函数的原型，搜索该函数的时候就可以直接找到，不用大面积搜索，因此会比较快！这是我在群里问得到的解析，加上自己的理解，欢迎不同见解！

代码如下:

 
 +function(){ 
 alert(‘water’); 
 }(); 
 

代码如下:

 
 -function(){ 
 alert(‘water’); 
 }(); 
 

代码如下:

 
 ~function(){ 
 alert(‘water’); 
 }(); 
 

代码如下:

 
 !function(){ 
 alert(‘water’); 
 }(); 
 

代码如下:

 
 (function(){ 
 alert(‘water’); 
 }());//有点强制执行的味道~ 
 

那为什么加上这些符号呢？

弄清这个问题需要弄清函数表达式（function expression）和函数声明（function declaration）的区别：

函数表达式：

/* 函数表达式中的函数可以为匿名函数，也可以有函数名，但是该函数实际上不能直接使用，只能通过表达式左边的变量 a 来调用。*/

var a = function(){

alert(‘Function expression’);

}

var b = new a();

函数声明：

// 函数声明时必须有函数名

function a(){

alert(‘Function declaration’);

}

a();

而这段代码：

<script>

~function() {
alert(“hello, world.”);
}
();

</script>

实际上可以分为两个部分（黑体部分和斜体部分）。黑体部分的匿名函数通过一元操作符变成了函数表达式，因而可以通过（）来调用。

因此，执行匿名函数可以通过+，-，！，（）这样的形式来转化为函数表达式，就可以通过（）来运行了。

匿名函数的好处在于：可以减少局部变量，以免污染现有的运行环境。jQuery等库都用到了这样的原理。

另外：通过+，-，！这三个符号运行的匿名函数比（）运行的匿名函数可以减少一个字符的使用。

所以那些匿名函数附近使用括号或一些一元运算符的惯用法，就是来引导解析器，指明运算符附近是一个表达式。
按照这个理解，可以举出五类，超过十几种的让匿名函数表达式立即调用的写法：

( function() {}() );
( function() {} )();
[ function() {}() ];

~ function() {}();
! function() {}();
+ function() {}();
- function() {}();

delete function() {}();
typeof function() {}();
void function() {}();
new function() {}();
new function() {};

var f = function() {}();

1, function() {}();
1 ^ function() {}();
1 > function() {}();
// ...