一 歷史

JavaScript其實是一門奇異的語言，TA的一大特性是沒有塊級作用域

for(var i=0;i<10;i++){} console.log(i)

大家猜測下值是多少？
答案是 10， 雖然我們在一個塊內申明了變量，但i卻是在全范圍內起作用的，所以就引入了匿名函數

function(){var i=0;... }

以函數的作用域來限定變量作用域

二 立即執行匿名函數

當然，還立即執行的匿名函數

(function(){do sth..... })()

第一次看到感覺真tm古怪，還tm要這樣寫，太tm古怪了，我們可以這樣看:
定義一個虛擬變量 var foo = function(){...}
然后foo要執行，所以就

foo() = (function(){do sth.....})()

好了，匿名函數就立即執行了

三 循環中的匿名函數

大家看下面一段代碼

function foo(){var arr = [];for(var i =0;i<5;i++){arr[i] = function(){//console.log(i) 來看看什么時候運行return i; //定義函數時i的值并沒有初始化，指向函數外的i，因此，當匿名函數運行時，這個值就指向最大的i了}}return arr; }var a = foo(); //arr的賦值沒有被執行 for (var i = 0; i< 5 ;i++){alert(a[i]()); }

有興趣的不妨運行一下，答案是5個5，發生什么事了呢？
我們在對arr賦值的時候：

arr[i] = function(){return i; }

函數里面的i是沒有分配具體的值的，它指向了最外層的i，而運行時才會賦值，所以，它就是最大的5了，再看一個例子

var arr = document.getElementsByTagName("p");for(var i = 0; i < arr.length;i++){arr[i].onclick = function(){alert(i);}}

這是一個DOM的onclick事件，當點擊的時想能夠彈出不同的i值，實際上是無法實現的，所以，必須使用匿名函數的立即執行來限定作用域

var arr = document.getElementsByTagName("p");for(var i = 0; i < arr.length;i++){(function(j){arr[j].onclick = function(){alert(j);}})(i)}

四 循環中的異步函數

這樣一段代碼

for(var i=0;i<n;i++){ajax(i,function(....)) //這里是一個異步調用，還有request，http等 }

這里i會是最大值，為何呢？因為這是一個異步函數，而非同步立即返回的函數，此時由于js奇怪的單線程機制，會待同步全部結束后再運行異步的代碼，所以i始終是最大值，那么要用什么方法解決呢？是的，加一個閉包。

這里留下一個問題，如果寫成這樣，你覺得可以么

for(var i=0;i<n;i++){var j={a:i}ajax(j.a,function(....)) }

總之，js真是一門奇異的語言

總結

以上是生活随笔為你收集整理的JavaScript匿名函数以及在循环中的匿名函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。