首頁 > web前端 > js教程 > 主體

理解js回收機制簡單易懂版_javascript技巧

WBOY
發布: 2016-05-16 15:13:08
原創
1023 人瀏覽過

之前文章中,講解過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回收機制有幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板