在前面的幾篇文章中,我講解過了js中的回收機制,但是對於當時的我來說,我自己對回收機制的這個概念也有些懵懵懂懂,現在對回收機制有了更深入的理解,所以特此發佈此文給於總結,也好加深記憶。 如果你想學習閉包那麼js中的回收機制是必不可少的,當然學習閉包除了需要理解js中的回收機制以外還需要瞭解其他的概念
在前面的幾篇文章中,我講解過了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引用,改變了它的作用域,簡單來說只要一個函數或者局部變數被改變作用域那麼這個函數或者局部變數就不會被銷毀。
不知道你們能不能聽懂。