JavaScript匿名函数的理解.pdfVIP

JavaScript匿名函数的理解 j s中匿名函数的N种写法 匿名函数没有实际名字，也没有指针，怎么执⾏滴？ 其实⼤家可以看看⼩括号的意义 应该可以理解。⼩括号有返回值，也 是⼩括号内 的函数或者表达式的返回值，所以说⼩括号内的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); }();//据说效率最⾼~ 代码如下: +function(){ alert(water); }(); 代码如下: -function(){ alert(water); }(); 代码如下: ~function(){ alert(water); }(); 代码如下: function(){ alert(water); }(); 代码如下: (function(){ alert(water); }());//有点强制执⾏的味道~ JavaScript 匿名函数及闭包 1、匿名函数 函数是JavaScript 中最灵活的⼀种对象，这⾥只是讲解其匿名函数的⽤途。匿名函数： 是没有函数名的函数。 1.1 函数的定义，⾸先简单介绍⼀下函数的定义，⼤致可分为三种⽅式 第⼀种：这也是最常规的⼀种 代码如下: function double(x){ return 2 * x; } 第⼆种：这种⽅法使⽤了Function构造函数，把参数列表和函数体都作为字符串，很 不⽅便，不建议使⽤。 代码如下: var double = new Function(x, return 2 * x;); 第三种： var double = function(x) { return 2* x; } 注意“=”右边的函数 是⼀个匿名函数，创造完毕函数后，又将该函数赋给了变量 square 。 1.2 匿名函数的创建 第⼀种⽅式： 是上⾯所讲的定义square函数，这也是最常⽤的⽅式之⼀。 第⼆种⽅式： 代码如下: (function(x , y){ alert(x + y); })(2, 3); 这⾥创建了⼀个匿名函数(在第⼀个括号内) ，第⼆个括号⽤于调⽤该匿名函数，并传 ⼊参数。 2、闭包 闭包的英⽂单词是closure ，这是JavaScript 中⾮常重要的⼀部分知识，因为使⽤闭包可 以⼤⼤减少我们的代码量，使我们的代码看上去更加清晰等等，总之功能⼗分强⼤。 闭包的含义：闭包说⽩了 是函数的嵌套，内层的函数可以使⽤外层函数的所有变 量，即使外层函数已经执⾏完毕 （这点涉及JavaScript作⽤域链）。 ⽰例⼀ 代码如下: function checkClosure(){ var str = rain-man; setTimeout( function(){ alert(str); } //这是⼀个匿名函数 , 2000); } checkClosure(); 这个例⼦看上去⼗分的简单，仔细分析下它的执⾏过程还是有许多知识点的： checkClosure函数的执⾏是瞬间的 （也许⽤时只是0 .0000 1毫秒），在checkClosure的函 数体内创建了⼀个变量str ，在checkClosure执⾏完毕之后str并没有被释放，这是因为 setTimeout 内的匿名函数存在这对str 的引⽤。待到2秒后函数体内的匿名函数被执⾏完 毕,str才被释放。 ⽰例⼆，优化代码 代码如下: function forTimeout(x , y){ alert(x + y); } function dela