一 歷史

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

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

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

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

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

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

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

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

第一次看到感覺真tm古怪，還tm要這樣寫，太tm古怪了，我們可以這樣看:
定義一個虛擬變量 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) 來看看什么時候運(yùn)行return i; //定義函數(shù)時i的值并沒有初始化，指向函數(shù)外的i，因此，當(dāng)匿名函數(shù)運(yùn)行時，這個值就指向最大的i了}}return arr; }var a = foo(); //arr的賦值沒有被執(zhí)行 for (var i = 0; i< 5 ;i++){alert(a[i]()); }

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

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

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

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

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

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(....)) //這里是一個異步調(diào)用，還有request，http等 }

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

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

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

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

總結(jié)

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

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