JavaScript變數範圍和記憶體問題（二）

標籤：

     執行環境是js中特別重要的概念，是指變數或者函數可以訪問其他資料，定義自己的行為。每個執行環境都有一個與之相對應的變數對象，執行環境中定義的所有變數和函數都儲存在這個變數中，我們看不到這個變數，但是後台可以看到。
     全域變數的執行環境是最外圍的執行環境，在web瀏覽器中，全域執行環境就是window對象，所以所有的函數和全域變數都可以作為window對象的一個屬性。其他執行環境都是在函數和變數執行完畢後銷毀記憶體，變數和函數也隨之銷毀，而全域變數也是在關閉頁面或瀏覽器的時候銷毀。
    “ 當代碼在一個環境中執行時，會建立變數對象的一個範圍鏈（scope chain）。範圍鏈的用途，是保證對執行環境有權訪問的所有變數和函數的有序訪問。範圍鏈的前端，始終都是當前執行的代碼所在環境的變數對象。如果這個環境是函數，則將其使用中的物件（activation object）作為變數對象。使用中的物件在最開始時只包含一個變數，即arguments對象（這個對象在全域環境中是不存在的）。範圍鏈中的下一個變數對象來自包含（外部）環境，而再下一個變數對象則來自下一個包含環境。這樣，一直延續到全域執行環境；全域執行環境的變數對象始終都是範圍鏈中的最後一個對象。 ”
     我們可以得出很多特別重要的資訊，範圍鏈的作用，是保證對執行環境所有變數和函數有序訪問，這個有序體現在，範圍鏈的最前端是arguement對象，而最後端是全域執行環境的window對象。看下面這個例子：

var color = "blue";function changeColor(){   var anotherColor = "red";   function swapColors(){       var tempColor = anotherColor;       anotherColor = color;       color = tempColor;       // 這裡可以訪問color、anotherColor和tempColor   }   // 這裡可以訪問color和anotherColor，但不能訪問tempColor   swapColors();}// 這裡只能訪問colorchangeColor();

　　

   二.延長範圍鏈
   有的語句可以在執行的時候在範圍的棧前端加臨時入一個變數對象，在語句執行完畢後清除，從而使範圍得到延長，下列兩個語句會延長範圍：
   1.try-catch語句的catch語句
   2.with語句
如：

function buildUrl() {   var qs = "?debug=true";   with(location){       var url = href + qs;   }   return url;}

　　

在此，with語句接收的是location對象，因此其變數對象中就包含了location對象的所有屬性和方法，而這個變數對象被添加到了範圍鏈的前端。buildUrl()函數中定義了一個變數qs。當在with語句中引用變數href時（實際引用的是location.href），可以在當前執行環境的變數對象中找到。當引用變數qs時，引用的則是在buildUrl()中定義的那個變數，而該變數位於函數環境的變數對象中。至於with語句內部，則定義了一個名為url的變數，因而url就成了函數執行環境的一部分，所以可以作為函數的值被返回。
三.無塊級範圍
1.在其他語言中，花括弧括起來的都是變數的範圍，比如迴圈語句等等，但是js是沒有塊級範圍的。
2.js在聲明變數時，如果沒有加var，預設的是全域變數。
3.js查詢標識符，順序是先在局部範圍中查詢，後在全域範圍中查詢。
如：

var color = "blue";function getColor(){   var color = "red";    return color;}//"red"alert(getColor());

　　

JavaScript變數範圍和記憶體問題（二）