js匿名自執行函式

匿名自執行函式：沒有方法名的函式

閉包：閉包是指有權訪問另乙個函式作用域變數的函式；

通過乙個例項來解釋：

從網上找到了乙個案例，使用了for迴圈、匿名自執行函式、settimeout。

案例1：

var value1 =0,value2=0,value3=0;
for(var i =1;i<=2;i++),1);
})();
}settimeout(function(),100)

//輸出結果
i2==> 1
i3==> 1
i2==> 2
i3==> 2
i==> 3
i2==> 2
i3==> 1
i==> 3
i2==> 2
i3==> 264
3

1.匿名自執行函式的幾種語法

(function ()  ()); // 推薦
(function () )(); 
~function () (); 
+function () (); 
!function () (); 
void
function () ();

2.利用自執行函式和閉包來儲存某個特殊狀態中的值

(function(),1);
})();

自執行函式中的變數會在閉包中呼叫，根據閉包的特性會將for迴圈時每次迴圈的不同值傳入閉包；

3.for迴圈語法理解

for (語句 1; 語句 2; 語句 3)

語句 1 在迴圈（**塊）開始前執行

語句 2 定義執行迴圈（**塊）的條件

語句 3 在迴圈（**塊）已被執行之後執行

通過下面案例進行解析：

for(var i=1;i<3;i++),100);
}//輸出12
i===> 3
i===> 3

for迴圈的時候，i++會在for語句中**結束後執行，而settimeout是非同步執行的，因此在settimeout中輸出的i實際上是最後一次迴圈結束後，i再次++後的值。

解釋案例1：

看到這裡大家應該明白了，案例一中，第一次迴圈時，i2 = 1，自執行函式中i3=1,但是閉包可以儲存不同狀態的值，因此，此時傳給settimeout的值只有i3被儲存在快取中，i2,i都將被第二次的迴圈覆蓋，此時settimeout並沒有執行；

當第二次迴圈時，i2=2;i3=2;同樣，i3=2也被儲存在閉包中，i2被覆蓋；

此時for迴圈執行結束，開始執行settimeout函式，這個時候，for迴圈結束了，並且執行了最後乙個語句「i++」,因此，此時為3，並非2；而閉包外面的i2並沒有將不同的狀態儲存在閉包中，只能被覆蓋，而閉包中的i3每次的值都會被閉包快取在記憶體中，將狀態保留下來，因此settimeout中的都為3，i2都為2，而i3則是每次迴圈的值；

文末福利：

js匿名自執行函式

JS匿名函式自執行函式

JS 關於自執行的匿名函式

js匿名函式自執行的好處

js匿名自執行函式

JS匿名函式自執行函式

JS 關於自執行的匿名函式

js匿名函式自執行的好處

相關推薦