欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JavaScript匿名函数写法

程序员文章站 2022-03-02 12:06:30
...

匿名函数没有实际名字,也没有指针,怎么执行滴?

其实大家可以看看小括号的意义就应该可以理解。小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的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();

而这段代码:

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

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

因此,执行匿名函数可以通过+,-,!,() 这样的形式来转化为函数表达式,就可以通过()来运行了。

匿名函数的好处在于:可以减少局部变量,以免污染现有的运行环境。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() {}();