閉包與setTimeout

閉包

閉包的做用：

閉包的本質是一個函數 閉包能夠訪問函數內部變量 閉包的存在會使內部變量保留在內存中 閉包的應用：

1. 模仿塊級做用域
2. 存儲變量（js GC原理，基於javascript中函數做用域鏈的特色，內部函數保留了對外部函數的活動變量的引用，因此變量不會被釋放）， 用於保存比較重要或者計算耗費很大的值。
3. 封裝私有變量（不直接訪問變量）

在瞭解閉包的做用以前，咱們先了解一下 Javascript 中的 GC 機制:

在 Javascript 中，若是一個對象再也不被引用，那麼這個對象就會被 GC 回收，不然這個對象一直會保存在內存中。

在下述例子中，B 定義在 A 中，所以 B 依賴於 A ,而外部變量 C 又引用了 B , 因此A間接的被 C 引用。

也就是說，A 不會被 GC 回收，會一直保存在內存中。： 例子：

function A() {
    var count = 0;
    function B() {
       count ++;
       console.log(count);
    }
    return B;
}
var C = A();
C();// 1
C();// 2
C();// 3
複製代碼

() 等價於 （A（））（）,爲了訪問函數內部的函數，而且隱藏內部的函數信息獲得須要的結果。 高級寫法：匿名函數的寫法

(function (s){...})(s)等價於

function A(){
function B(s){
...
}
return B;
};
//相對於
function(s){...} === B === A();
B(s) === (function(s){...})(s)= (A())(s);
複製代碼

這裏很明顯能夠看到外面能夠訪問函數內部的變量，這是閉包的一個很重要的功能。

什麼是閉包？所謂閉包就是利用函數的局部做用域的特性（函數內部的函數能夠訪問函數的變量，而內部函數裏的變量函數沒法訪問）來實現外部函數經過閉包獲取函數內部變量的一個過程，同時也不須要暴露內部的具體狀況。而利用GC特性，咱們經過閉包能夠保存一些須要長時間保持的數據。

setTimeout

可能有人會說，切,setTimeout有啥可說啊~~~很差意思，可能本人見識短淺，setTimeout這裏仍是有幾點能夠說到說到。

在講setTimeout以前，先看個經典的例子：

for(var i=0; i<=5; i++){
    setTimeout(function(){
        console.log(i);
    }, i*1000);
}
複製代碼

你們應該都知道，因爲js的運行機制setTimeout屬於異步任務。setTimeout 會掛起微任務，因爲var不存在塊級做用域，因此最終的i都是同一個i，i === 5循環結束，i+1 === 6，而後打印。因此結果是6，6，6，6，6，6。 那麼如何乖乖的讓這個打印出0到5呢？目前我想到了三種狀況：

1. 閉包： 既然var沒有塊級做用域，那就用閉包模擬塊級做用域。(實質是利用函數的局部做用域)

for(var i=0; i<=5; i++){
    (function(j){
        setTimeout(function(){
            console.log(j);
        }, i*1000);
    })(i)
}
複製代碼

2. let： let的塊級做用域。

for(let i=0; i<=5; i++){
    setTimeout(function(){
        console.log(i);
    }, i*1000);
}
複製代碼

3)setTimeout傳參：可能有些人知道，可能有的人並不知道。

for(var i=0; i<=5; i++){
    setTimeout(function(j){
        console.log(j);
    }, i*1000, i);
}
複製代碼

其實setTimeout內部一樣是用到了閉包傳參給回調函數，因此，咱們可使用setTimeout傳參實現這個。

引伸一下：

setTimeout是否是隻能傳一個參數，NO、NO、NO，確定不是，用腳想一想都不可能（考慮到實用性，通用性），那麼怎麼傳？不買關子了，看例子：

var i = 1;     
 setTimeout(function(j,k,l){
        console.log(j,k,l);
    }, i*1000, i,2*i, 3*i);
複製代碼

打印結果：

咱們能夠大膽的猜想，setTimeout從第三個參數開始，能夠傳多個參數給回調函數。

不放心的話，能夠去MDN裏仔細的瞭解一下：developer.mozilla.org/zh-CN/docs/…

若是以爲這麼一個的寫傳入的參數，或者是參數的個數不明確，該怎麼傳？此時es6裏的擴展運算符...能夠排上用途了：

var i = 1;     
 setTimeout(function(...args){
        console.log(args[0],args[1], args[2]);
    }, i*1000, ...[i, 2*i, 3*i]);
複製代碼

以上即是關於閉包與setTimeout的一點點總結，歡迎你們積極支持不對和不完整的地方。（輕點噴，謝謝啦！）