javascript Hoisting變數提升

標籤：div   lib   sdn   mod   return   title   key   tle   details   

1. 看人家舉的兩個例子，我認為這裡的判斷是否定義： !var 其實就是 指是否在函數function裡面定義了。只有在funciton裡面定義了了，js才hoist到最上面去找這個變數的值，否則就按照你自己在函數裡定義的規則來了。

[轉載請註明來自: http://blog.csdn.NET/sunxing007]

下面的程式是什麼結果？

[javascript] view plain copy 

1. var foo = 1;  
2. function bar() {  
3.     if (!foo) {  
4.         var foo = 10;  
5.     }  
6.     alert(foo);  
7. }  
8. bar();  

結果是10；

 

那麼下面這個呢？

[javascript] view plain copy 

1. var a = 1;  
2. function b() {  
3.     a = 10;  
4.     return;  
5.     function a() {}  
6. }  
7. b();  
8. alert(a);  

結果是1.

再看下面這個例子，感覺就是只有在funtion裡面才會發生上面的變數提升？單純的if 可沒用

1. var x = 1;  
2. console.log(x); // 1  
3. if (true) {  
4.     var x = 2;  
5.     console.log(x); // 2  
6. }  
7. console.log(x); // 2  

結果會是1 2 2。因為javascript是函數範圍。這是和c家族語言最大的不同。該程式裡面的if並不會建立新的範圍。

 

對於很多C，c++，Java程式員來說，這不是他們期望和歡迎的。幸運的是，基於javascript函數的靈活性，這裡有可變通的地方。如果你必須建立臨時的範圍，可以像下面這樣：

javascript Hoisting變數提升