關於js中的回收機制,通俗版

来源:http://www.cnblogs.com/pssp/archive/2016/02/27/5223744.html
-Advertisement-
Play Games

在前面的幾篇文章中,我講解過了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引用,改變了它的作用域,簡單來說只要一個函數或者局部變數被改變作用域那麼這個函數或者局部變數就不會被銷毀。

 

 不知道你們能不能聽懂。

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 在文章初識js中的閉包中講解了閉包的一些概念,但是對於初學者來說可能並不是特別的容易理解,我今天用兩個案例來解釋閉包可能會好理解一些,在講案例之前,我們需要瞭解一些閉包的概念。在看這篇文章之前,請先看上面的那篇文章,不然效果不會太好。 閉包的理解: 所謂的閉包就是可以創建一個獨立的環境,每個閉包裡面
  • 1.字元串類型即String類型 它的值為字元串:由數字,字母,下劃線組成的一串字元 S=“sdf”它就是一個字元串,字元串一般加上雙引號,不加雙引號一般認為是非字元串類型 2.數字類型,即Number類型 數字可以輸入十進位,十六進位,八進位 3.布爾類型即Boolean類型 值為true或者fa
  • 本文主要介紹 AMR(Aduio) 播放 AMR 格式 Base64碼 音頻。 1、必備資料 github AMR 開源庫 :https://github.com/jpemartins/amr.js 用心把這個項目看一遍,對於我下麵說的話,可以忽略啦,代碼是最好的文章,哈哈~~ 2、核心 JS 庫
  • 最近甚是苦悶,屬於邊學邊做,跳進了很多坑,別提有多慘了,不過結果還是不錯滴,縱觀前後,一句話足以概括 “痛並快樂著” ~~~ ok,我少說廢話,下麵來總結下 Web 播放聲音一些註意事項。 說到 Web 我第一件事想起的就是瀏覽器相容性,播放聲音當然也難逃苦海,需要註意以 Trident 為內核 (
  • 本文主要介紹 Flash 播放 AMR 格式 Base64碼 音頻。 在此之前麽有接觸過 Flash ,接觸 AS3 是一頭霧水,不過幸好有 TypeScript 和 JavaScript 的基礎看起來不是很費勁,現學現賣的就是開了 ”跳坑“ 之旅~~~ 1、實現思路 起初一點實現思路都木有,不知道
  • HTML4.01 超文本標記語言,1999年12月24日由W3C組織發佈。 XHTML 擴展的超文本標記語言(eXtensible Hyper Text Markup Language),和HTML4.01具有良好的相容性,並且更加嚴格、純凈。XHTML要求HTML文檔首先必須是一份XML文檔。整個
  • 對css sprites通過例子進行了闡述
  • 一.ajax的作用: 1.就是讓js去讀伺服器上面的數據. 2.無刷新的情況下讀取伺服器上面的數據,例如:驗證賬號和密碼是否正確等. (1)ajax的優點: 1.減少冗餘請求和響應對服務造成的負擔. 2.無刷新更新頁面,帶來更好的用戶體驗. 3.減輕伺服器速寫的負擔,節約空間和寬頻租用成本。 4.採
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...