DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 理解js回收機制通俗易懂版
理解js回收機制通俗易懂版
編輯:關於JavaScript     

之前文章中,講解過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引用,改變了它的作用域,簡單來說只要一個函數或者局部變量被改變作用域那麼這個函數或者局部變量就不會被銷毀。
以上就是本文的全部內容,希望大家對js回收機制有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved