一 歷史

JavaScript其實(shí)是一門(mén)奇異的語(yǔ)言，TA的一大特性是沒(méi)有塊級(jí)作用域

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

大家猜測(cè)下值是多少？
答案是 10， 雖然我們?cè)谝粋€(gè)塊內(nèi)申明了變量，但i卻是在全范圍內(nèi)起作用的，所以就引入了匿名函數(shù)

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

以函數(shù)的作用域來(lái)限定變量作用域

二 立即執(zhí)行匿名函數(shù)

當(dāng)然，還立即執(zhí)行的匿名函數(shù)

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

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

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

好了，匿名函數(shù)就立即執(zhí)行了

三 循環(huán)中的匿名函數(shù)

大家看下面一段代碼

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

有興趣的不妨運(yùn)行一下，答案是5個(gè)5，發(fā)生什么事了呢？
我們?cè)趯?duì)arr賦值的時(shí)候：

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

函數(shù)里面的i是沒(méi)有分配具體的值的，它指向了最外層的i，而運(yùn)行時(shí)才會(huì)賦值，所以，它就是最大的5了，再看一個(gè)例子

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

這是一個(gè)DOM的onclick事件，當(dāng)點(diǎn)擊的時(shí)想能夠彈出不同的i值，實(shí)際上是無(wú)法實(shí)現(xiàn)的，所以，必須使用匿名函數(shù)的立即執(zhí)行來(lái)限定作用域

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

四 循環(huán)中的異步函數(shù)

這樣一段代碼

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

這里i會(huì)是最大值，為何呢？因?yàn)檫@是一個(gè)異步函數(shù)，而非同步立即返回的函數(shù)，此時(shí)由于js奇怪的單線程機(jī)制，會(huì)待同步全部結(jié)束后再運(yùn)行異步的代碼，所以i始終是最大值，那么要用什么方法解決呢？是的，加一個(gè)閉包。

這里留下一個(gè)問(wèn)題，如果寫(xiě)成這樣，你覺(jué)得可以么

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

總之，js真是一門(mén)奇異的語(yǔ)言

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。