javascript中的變數、作用域和記憶體問題

来源:http://www.cnblogs.com/shouce/archive/2016/05/26/5529603.html
-Advertisement-
Play Games

【變數】[1]定義:可變的量,相當於給一個不定的數據起了一個外號。變數是存儲信息的容器。[2]特性:js中的變數是鬆散類型的,可以保存任何類型的數據。它只是在特定時間用於保存特定值的一個名字而已。由於不存在定義某個變數必須要保存何種數據類型值的規則,變數的值及其數據類型可以在腳本的生命周期內改變。[ ...


【變數】
[1]定義:可變的量,相當於給一個不定的數據起了一個外號。變數是存儲信息的容器。
[2]特性:js中的變數是鬆散類型的,可以保存任何類型的數據。它只是在特定時間用於保存特定值的一個名字而已。由於不存在定義某個變數必須要保存何種數據類型值的規則,變數的值及其數據類型可以在腳本的生命周期內改變。
[3]變數聲明:變數可以在聲明時賦值,但不能有其他操作,如+=、-=等

var a = 2;//是正確的
var a += 2;//是錯誤的
var a = 2++;//是錯誤的,++只能用於變數,不能用於常量

[4]註意:用var操作符定義的變數將成為定義該變數的作用域中的局部變數。若省略var操作符,可以創建一個全局變數,但在嚴格模式下會拋出 ReferenceError錯誤

[5]var:使用var聲明的變數會自動被添加到最接近的環境中。如果初始化變數時沒有使用var聲明,該變數會自動被添加到全局環境。在嚴格模式下,初始化未經聲明的變數會導致錯誤。
[6]局部變數:如果局部環境中存在同名標識符,就不會使用位於父環境中的標識符。任何位於局部變數color的聲明之後的代碼,如果不使用window.color都無法訪問全局color變數

 

【標識符】
[1]定義:變數、函數、屬性的名字,或者函數的參數。
[2]註意:
  [2.1]第一個字元必須是一個字母、下劃線或一個美元符號。其他字元可以是字母、下劃線、美元符號或數字[不能出現中劃線]
  [2.2]標識符中的字母也可以包括拓展的ASCII或Unicode字母字元,可以使用中文
  [2.3]標識符應採用小駝峰格式,第一位應該是數據的類型,常見的標識如下:
    數組     a   Array aItems
    布爾值      b   Boolean bIsComplete
    浮點數      f    FLoat fPrice
    函數     fn    Function fnHandler
    整數     i    Integer iItemCount
    對象     o   Object oDIv1
    正則表達式    re    RegExp reEmailCheck
    字元串      s    String sUserName
    變數     v   Variant vAnything
  [2.4]不能把關鍵字、保留字、true、false和null用作標識符
  [2.5]對於不符合標識符命名規則的屬性如background-color應寫為大括弧方式[backgroundColor]
[3]標識符解析:標識符解析是沿著作用域鏈一級一級地搜索標識符的過程。搜索過程始終從作用域鏈的前端開始,然後逐級地向後回溯,直到找到標識符為止(如果找不到標識符,表示標識符尚未聲明,通常會導致錯誤發生)。
  [3.1]如果局部環境中存在著同名標識符,就不會使用父環境中的標識符
    e.g. 全局和局部有同名標識符color,任何位於局部變數color的聲明之後的代碼,如果不使用window.color都無法訪問全局color變數
  [3.2]JavaScript引擎在優化標識符查詢方面做得不錯,訪問全局變數和局部變數的時間差別可以忽略不計

 

【作用域】(也稱為執行環境)
  [註意]javascript中沒有塊級作用域
[1]執行環境:執行環境定義了變數或函數有權訪問的其他數據,決定了它們各自的行為。每個執行環境都有一個與之相關聯的變數對象。環境中定義的所有變數和函數都保存在這個對象中。
[2]全局執行環境:
  [2.1]全局執行環境是最外圍的一個執行環境,在web瀏覽器中,全局執行環境被認為是window對象。因此所有全局變數和函數都是作為window對象的屬性和方法創建的。全局執行環境直到應用程式退出例如關閉網頁或瀏覽器時才會被銷毀
  [2.2]一個頁面就相當於一個全局作用域。不論是頁面中的js代碼,還是引用的外部js文件,最終都會按照在頁面中的先後依次解析。
[3]函數執行環境:每個函數都有自己的執行環境,當執行流進入一個函數時,函數的環境就會被推入一個環境棧中,而在函數執行之後,棧將其環境彈出,把控制權返回給之前的執行環境。
[4]作用域鏈:當代碼在一個環境中執行時,會創建變數對象的一個作用域鏈。作用域鏈的作用是保證對執行環境有權訪問的所有變數和函數的有序訪問。作用域的前端始終都是當前執行的代碼所在環境的變數對象。如果這個環境是函數,則將其活動對象作為變數對象。活動對象在最開始時只包含一個變數,即arguments對象(這個對象在全局環境中是不存在的)。作用域鏈中的下一個變數對象來自包含環境,而再下一個變數對象則來自下一個包含環境。這樣,一直延續到全局執行環境;全局執行環境的變數對象始終都是作用域鏈中的最後一個對象。
  [4.1]作用域鏈的特點:內部環境可以通過作用域鏈訪問所有的外部環境,但外部環境不能訪問內部環境中的任何變數和函數。這些環境之間的聯繫是線性、有次序的。每個環境都可以向上搜索作用域鏈,以查詢變數和函數名;但任何環境都不能通過向下搜索作用域鏈而進入另一個執行環境。
[5]延長作用域鏈:
  [5.1]try-catch語句:catch塊會創建一個新的變數對象,其中包含的是被拋出的錯誤對象的聲明
  [5.2]with語句:會將指定的對象添加到作用域鏈中

複製代碼
function buildUrl(){
    var qs = '?debug=true';
    with(location){
        var url = href + qs;
    }
    return url;
}
複製代碼

 

【垃圾回收】:javascript具有自動垃圾收集機制,執行環境會負責管理代碼執行過程中使用的記憶體。
[1]垃圾回收機制:找出那些不再繼續使用的變數,然後釋放其占用的記憶體,垃圾收集器會按照固定的時間間隔,或代碼執行中預定的收集時間,周期性地執行這一操作
[2]垃圾收集標記無用變數的兩種策略
  [2.1]標記清除,標記“進入環境”和“離開環境”。離開作用域的值將被自動標記為可以回收,因此將在垃圾收集期間被刪除
  [2.2]引用計數,跟蹤記錄每個值被引用的次數。當聲明瞭一個變數並將一個引用類型值賦給該變數時,則這個值的引用次數就是1,如果同一個值又被賦給另一個變數,則該值的引用次數加1,相反,如果包含對這個值的引用的變數又取得了另外一個值,則這個值的引用次數減1,當這個值的引用次數為0時,則說明沒有辦法再訪問這個值了,因此就可以將其占用的記憶體空間回收回來。
    [2.2.1]引用計數的問題:迴圈引用:對象A中包含一個指向對象B的指針,對象B中也包含一個指向對象A的指針
    [2.2.2]IE:IE中有一部分對象並不是原生js對象,例如,其BOM和DOM中的對象就是使用c++以COM對象的形式實現,而COM對象的垃圾回收機制採用的就是引用計數策略

var element = document.getElementById('some_element');
var myObject = new Object();
myObject.element = element;
element.someObject = myObject;

    解決辦法:為了避免類似這樣的迴圈引用,最好是在不使用它們的時候手工斷開

myObject.element = null;
element.someObject = null;    

    為瞭解決此問題,IE9把BOM和DOM對象都轉換成了真正的js對象


【記憶體管理】
[1]主要問題:分配給web瀏覽器的可用記憶體數量通常要比分配給桌面應用程式的少,目的是防止運行js的網頁耗盡全部系統記憶體而導致系統崩潰。內在限制問題不僅會影響給變數分配記憶體,同時還會影響調用棧以及在一個線程中能夠同時執行的語句數量
[2]優化方式:為執行中的代碼只保存必要的數據。一旦數據不再有用,最好通過將其值設置為null來釋放其引用,這種做法叫解除引用。這一做法適用於大多數全局變數和全局對象的屬性以及迴圈引用變數,局部變數會在它們離開執行環境時自動被解除引用。
解除變數的引用並不意味著自動回收該值所占用的記憶體。解除引用的真正作用是讓值脫離執行環境,以便垃圾收集器下次運行時將其回收。


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

-Advertisement-
Play Games
更多相關文章
  • 1.Appfuse是個什麼鬼? AppFuse是一個集成了當前最流行的Web應用框架的一個更高層次的Web開發框架。換句話說,AppFuse就是一個完整的各主流框架的整合版本。AppFuse總是能夠緊隨java的主流技術框架。 2.使用AppFuse的環境要求 JDK1.7+ MySQL5.5+ m ...
  • 第一次系統的學習數據結構是在半年前,看小甲魚的數據結構與演算法視頻,自學的話有許多不懂得地方,什麼AVL樹,紅黑樹,圖的最短路徑,最小生成樹...但總歸對數據結構與演算法有一個大體的印象,到現在隨著不斷寫代碼,做OJ題,愈發認識到數據結構與演算法的重要性,打算再看一遍,現在看著:大話數據結構(程傑著),數 ...
  • 最好用的離線markdown編輯器Haroopad介紹 經常寫技術文檔,需要將文檔像代碼一樣管理,例如可以提交SVN或者GIT,可以比對歷史差異。用WORD之類的工具,文檔不是純文本,沒法滿足需求。用簡單文本沒有格式不美觀。Latex最強大,但是對於一般文檔撰寫又太重量,配置一個好的模板太費神,而且 ...
  • 分頁在後臺管理中是經常使用的功能,分頁顯示方便大量數據的管理。 實例代碼如下: ...
  • 所謂內置方法,就是凡是字元串都能用的方法,這個方法在創建字元串的類中,下麵是總結: 首先,我們要學習一個獲取幫助的內置函數 help(對象) ,對象可以是一個我們創建出來的,也可以是創建對象的那個類,類也是一個對象,被稱為類對象。 當我們進入解釋器的交互模式中輸入以下代碼時: 其中,str就是創建字 ...
  • 一道有趣的erlang建模練習 領域建模在於不斷挖掘領域的本質,然後用優秀的代碼簡潔地表現出來。而函數式非常適合將領域映射到數學本質上。前一陣子學習erlang,用erlang做了一些練習,分享其中的一個。 practice 1 : count tiangle 題目: 數數如下圖形中一共包含多少三角 ...
  • [索引頁][源碼下載] 千呼萬喚 HTML 5 (8) - 畫布(canvas)之繪製圖形 作者:webabcd 介紹HTML 5: 畫布(canvas)之繪製圖形 畫布 Demo - 畫布的基本概念及 Demo,canvas.getContext(), CanvasRenderingContext ...
  • 標題描述的有點不貼切,但希望大家能夠明白,為了更形像的表達,我特意錄製了一張GIF動畫圖片。 我不知道實際開發中有沒有用到這種效果,但我個人認為,這種方式更人性化,因為只要點到一行,就可以使CheckBox.checked=true; 不用非得點覆選按鈕才能實現; 實現的過程有點糾結,試了幾次都沒成 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...