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
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...