JavaScript作用域那些事

作用域

　　（1）、作用域也叫執行環境（execution context）是JavaScript中一個重要的概念。執行環境定義了變數或函數有權訪問的其他數據，決定了它們各自的行為。在JavaScript中變數的作用域有全局作用域和局部作用域，全局變數是指變數沒有在函數體內聲明或者在函數內聲明的時候沒有帶var，即表示擁有全局作用域，相反變數在函數內聲明帶var稱為局部變數，擁有局部作用域。特殊的雖然函數參數不帶var但它也屬於局部變數。

1 var a = 1; //全局變數
2         function fn1( b ){ //局部變數
3             var c = 2; //局部變數
4             d = 3; //全局變數
5         } 

　　（2）、接下來介紹一下解析過程。瀏覽器有專門的一段程式用於解析JavaScript，暫且給他取個名字叫JavaScript解析工具，這個解析過程至少有兩個過程（當然不僅僅有兩個，像編譯原理的詞法分析什麼的，這裡不提）：1.尋找目標（預解析）。包括var、function、參數等。 2.逐行解讀代碼。接下來通過實例來具體分析是怎麼做的：

1 alert( a ); //undefined
2         var a = 1;
3         function fn (){
4             alert( 2 );
5         }

　　具體過程：

 1 alert( b );  //function a() { alert( 4 ) };
 2 var b = 1;
 3 alert( b ); //1
 4 function b () {
 5             alert( 2 ); 
 6         } 
 7 alert( b ); //1
 8 var b = 3;
 9 alert( b ); //3
10 function b (){
11             alert( 4 );
12         }
13 alert( b ); //3

1 if( true ){
2         var a = 1;
3 }
4 alert( a );   //1

1 for( var i=0; i<10; i++ ){
2             doSothing(i)；
3 }
4 alert(i);  //10

1 alert(fn1);   //chrome,FF 彈出 undefine. ie 彈出整段函數（function fn19=(){alert( 123 )}）
2 if( true ){
3     var a = 1;
4     function fn1(){
5         alert( 123 )
6     }
7 }

 1 var a = 1;
 2 function change{
 3         var b = 2;
 4         function swap(){
 5             var c = b;
 6             b = a;
 7             a = c;
 8 
 9             //這裡可以訪問a，b，c
10         }
11 
12         //這裡可以訪問a和b，但不能訪問c
13         swap();
14 }
15 
16 //這裡只能訪問a
17 change();

1 var str = '';
2 function fn1(){
3         var a = '需要拿到的值';
4         str = a;
5 }
6 fn1();
7 alert( str ); //彈出'需要拿到的值'

1 function fn2(){
2             var a = '需要拿到的值';
3             fn3( a );
4 }
5 fn2();
6 function fn3( a ){
7         alert( a );
8 }

1 function fn(){
2         with(document){
3             var btn = getElementById('btn');
4             var input = getElementsByClassName('input');
5         }
6 }

1 try {
2     //可能出錯的代碼
3 } catch (error) {
4     //出錯時怎麼處理
5 }

1 var a = 1;
2 function fn1(){
3         alert(a);    //undefined
4         var a = 2;
5 }
6 fn1();
7 alert(a);   //1

1 var a = 1;
2 function fn1(){
3         alert(a);   //1
4         a = 2;
5         }
6 fn1();
7 alert(a);  //2

1 var a = 1;
2 function fn1( a ){  //a相當於局部變數，相當於var a
3         alert(a);   //undefined
4         a = 2;
5 }
6 fn1();
7 alert(a);  //1

1 var a = 1;
2 function fn1( a ){  //a相當於局部變數，相當於var a
3         alert(a);   //1
4         a = 2;
5 }
6 fn1(a);
7 alert(a);  //1