JavaScript範圍原理(三)——範圍根據函數劃分
一、一個for執行個體 <p id="scope3" style="color:red"></p>複製代碼 var pscope3 = document.getElementById('scope3'); function scope3() { for(var i=0; i<10; i++){ } echo(pscope3, i); } scope3();複製代碼1、函數在java、C#等語言中,變數i只會在for迴圈語句中有定義,迴圈結束,i也就被銷毀了。但在JavaScript中,變數i是定義在scope3()使用中的物件中的,因此在它定義開始,就可以在函數內部訪問它。 2、列印出的i為“10”。 3、函數scope3等效於下面的代碼: 複製代碼 function scope3() { var i; for(i=0; i<10; i++){ } echo(pscope3, i); } 複製代碼 二、私人範圍的匿名函數 複製代碼 function anonymous() { var position = 'in anonymous'; (function(){ for(var i=0; i<10; i++){ } echo(pscope3, position);//列印顯示"in anonymous" })(); //pscope3.innerHTML += i;//報錯 } anonymous();複製代碼1、匿名函數可以用來模仿塊級範圍,避免上面的那個問題。 2、在for迴圈外部插入了一個私人範圍。在匿名函數中定義的任何變數,都會在執行結束時被銷毀。 3、上面的那句注釋掉的話,取消注釋的話,就會顯示錯誤資訊:“ReferenceError: i is not defined”。 4、範圍的關係大致如下: 5、position是定義在anonymous函數中的,但可以在匿名函數中列印出來,因為anonymous的範圍包住了匿名函數,在匿名函數中找不到position定義,就往外找。 三、try語句catch部分的特殊情況 複製代碼 function capture() { var ex = 'in capture'; try{ i; }catch(ex){ var position= 'in catch'; echo(pscope3, ex); //ReferenceError: i is not defined var ex = 'is catching'; echo(pscope3, position);//in catch echo(pscope3, ex);//is catching } echo(pscope3, position);//in catch echo(pscope3, ex); //in capture 不是catch中賦的值 echo(pscope3, window.ex); //undefined } capture();複製代碼1、catch的一個參數ex與capture函數下的局部變數ex同名。 2、catch中先列印ex,是錯誤資訊,然後賦值為“is catching”,列印出來,但很奇怪,catch外面列印的ex是“in capture”,並不是裡面覆蓋的值。 3、position在catch中定義,但是可以在catch的外面列印出來。 4、window.ex輸出的是undefined,也就是說ex不是全域的,因此可以推出catch後面的大括弧是普通語句塊的性質。 5、ex的性質可以視為唯一一個把catch語句塊當做塊範圍的變數,是catch語句塊的局部變數。