簡單談談javascript中的變數、範圍和記憶體問題，javascript變數

簡單談談javascript中的變數、範圍和記憶體問題，javascript變數

【變數】

[1]定義：可變的量，相當於給一個不定的資料起了一個外號。變數是儲存資訊的容器。
[2]特性：js中的變數是鬆散類型的，可以儲存任何類型的資料。它只是在特定時間用於儲存特定值的一個名字而已。由於不存在定義某個變數必須要儲存何種資料類型值的規則，變數的值及其資料類型可以在指令碼的生命週期內改變。
[3]變數聲明：變數可以在聲明時賦值，但不能有其他動作，如+=、-=等

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

[4]注意：用var操作符定義的變數將成為定義該變數的範圍中的局部變數。若省略var操作符，可以建立一個全域變數，但在strict 模式下會拋出 ReferenceError錯誤

[5]var：使用var聲明的變數會自動被添加到最接近的環境中。如果初始設定變數時沒有使用var聲明，該變數會自動被添加到全域環境。在strict 模式下，初始化未經聲明的變數會導致錯誤。
[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　　　　Regex  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來釋放其引用，這種做法叫解除引用。這一做法適用於大多數全域變數和全域對象的屬性以及循環參考變數，局部變數會在它們離開執行環境時自動被解除引用。

解除變數的引用並不意味著自動回收該值所佔用的記憶體。解除引用的真正作用是讓值脫離執行環境，以便垃圾收集器下次運行時將其回收。