理解js回收機制通俗易懂版

字號:


    這篇文章主要幫助大家更好的理解js回收機制,通俗易懂,便于大家理解,感興趣的小伙伴們可以參考一下
    之前文章中,講解過js中的回收機制,但是對于當時的我來說,我自己對回收機制的這個概念也有些懵懵懂懂,現(xiàn)在對回收機制有了更深入的理解,所以特此發(fā)布此文給于總結,也好加深記憶。
    為什么要有回收機制?why?
    打個比方,我有一個內存卡,這個內存是8G的,我把文件,視頻,音樂,都保存到了這個內存卡,隨著我的儲存的內容越來越多,這個內存卡已經(jīng)保存不了了,如果我還想再把其他的文件保存到這個內存卡就需要刪除一些文件,但是這些被刪除的文件是我們自己手動刪除的對吧,手動刪除就相當于js中的delete。
    在這些程序語言中同樣也會出現(xiàn)這些問題,對,內存!我們聲明的任何變量都需要消耗內存,這些變量越多運行的速度也會越慢。當然不只是變量,代碼中的任何東西。這些語言的設計者為了解決這些問題,設計了一套代碼的回收規(guī)則。
    代碼回收規(guī)則如下:
    1.全局變量不會被回收。
    2.局部變量會被回收,也就是函數(shù)一旦運行完以后,函數(shù)內部的東西都會被銷毀。
    3.只要被另外一個作用域所引用就不會被回收
    我用幾個例子來證明這些。
    function a(){
     var user = "追夢子";
     return user;
    }
    var b = a();
    console.log(b); //追夢子
    按理說我是不能訪問函數(shù)a里面的變量的,但是我通過全局變量b接收了這個函數(shù)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次對,因為函數(shù)體一旦運行那么這個函數(shù)體內的代碼就會被清空,既然會被清空那么下次運行這段代碼的時候num應該還是1,但是這里情況有些不同,我上面說過函數(shù)中的局部變量只要被另外一個作用域所引用那么這段代碼就不會被銷毀。
    上面的代碼就像這樣
    function a(){
     var num = 0;
     return function(){
      num ++;
      console.log(num);
     };
    }
    var b = function(){
      num ++;
      console.log(num);
     };
    b();
    b();
    b();
    那么被函數(shù)a返回的那個匿名函數(shù)的作用域由函數(shù)a轉向了window,由于這個匿名函數(shù)被全局變量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
    同樣可以,因為匿名函數(shù)被對象b的屬性fn引用,改變了它的作用域,簡單來說只要一個函數(shù)或者局部變量被改變作用域那么這個函數(shù)或者局部變量就不會被銷毀。
    以上就是本文的全部內容,希望大家對js回收機制有所幫助。