文章出處

  在前面的幾篇文章中,我講解過了js中的回收機制,但是對于當時的我來說,我自己對回收機制的這個概念也有些懵懵懂懂,現在對回收機制有了更深入的理解,所以特此發布此文給于總結,也好加深記憶。

  如果你想學習閉包那么js中的回收機制是必不可少的,當然學習閉包除了需要理解js中的回收機制以外還需要了解其他的概念,我的其他文章有相關的說明,這里不做閉包的講解。

  為什么要有回收機制?why?

    打個比方,我有一個內存卡,這個內存是8G的,我把文件,視頻,音樂,都保存到了這個內存卡,隨著我的儲存的內容越來越多,這個內存卡已經保存不了了,如果我還想再把其他的文件保存到這個內存卡就需要刪除一些文件,但是這些被刪除的文件是我們自己手動刪除的對吧,手動刪除就相當于js中的delete。

  在這些程序語言中同樣也會出現這些問題,對,內存!我們聲明的任何變量都需要消耗內存,這些變量越多運行的速度也會越慢。當然不只是變量,代碼中的任何東西。這些語言的設計者為了解決這些問題,設計了一套代碼的回收規則。

  

  代碼回收規則如下:

    1.全局變量不會被回收。

    2.局部變量會被回收,也就是函數一旦運行完以后,函數內部的東西都會被銷毀。

    3.只要被另外一個作用域所引用就不會被回收

我用幾個例子來證明這些。

 

function a(){
    var user = "追夢子";
    return user;
}
var b = a();
console.log(b); //追夢子

 

  按理說我是不能訪問函數a里面的變量的,但是我通過全局變量b接收了這個函數a return過后的值,于是最后這段代碼就成了下面這樣。

function a(){
    var user = "追夢子";
    return user;
}
var b = "追夢子";
console.log(b);

  好像這并看不出什么代碼回收,那么我們看接下來的一段代碼。

function a(){
    var num = 0;
    return function(){
        num ++;
        console.log(num);
    };
}
var b = a();
b(); //1
b(); //2
b(); //3

  看到了吧,如果按照正常的做法,那么輸出的應該是3次1次對,因為函數體一旦運行那么這個函數體內的代碼就會被清空,既然會被清空那么下次運行這段代碼的時候num應該還是1,但是這里情況有些不同,我上面說過函數中的局部變量只要被另外一個作用域所引用那么這段代碼就不會被銷毀。

  上面的代碼就像這樣

 

function a(){
    var num = 0;
    return function(){
        num ++;
        console.log(num);
    };
}
var b = function(){
        num ++;
        console.log(num);
    };
b();
b();
b();

 

那么被函數a返回的那個匿名函數的作用域由函數a轉向了window,由于這個匿名函數被全局變量b引用所以不會被銷毀。

function a(){
    var num = 0;
    return function(){
        num ++;
        console.log(num);
    };
}
var b = {
    fn:a()
}
b.fn(); //1
b.fn(); //2
b.fn(); //3

同樣可以,因為匿名函數被對象b的屬性fn引用,改變了它的作用域,簡單來說只要一個函數或者局部變量被改變作用域那么這個函數或者局部變量就不會被銷毀。

 

 不知道你們能不能聽懂。

 


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()