JavaScript範圍(第七天)

標籤：world   提前   應該   部分   var   簡單   例子   就會   沒有   

我們都知道js代碼是由自上而下的執行，但我們來看看下面的代碼；

test();

function test(){

　　console.log("hello world");

};

如果我們簡單的認為js是由自上而下的執行，那麼上面的代碼應該會報錯，提示test 不是一個方法；但結果並沒有報錯，而是進行正確的輸出了；

這樣我們就應該知道js執行分為兩部分

1.預解析；2.執行

預解析會將var 定義的變數及function進行提前處理；

也就是說上面的代碼會被處理為

function test(){

　　console.log("hello world");

}

test();

所以調用並沒有報錯；

下面我們再來測試var

alert(a);

var a=1;

這時候彈出的是undefined；注意，並沒有報錯；

而上面的代碼其實是被預解析為

var a;

alert(a);

a=1;

所以彈出的是一個undefined；

當變數與函數同名的時候，會忽略變數的提升，下面我們看一個例子

console.log(test);

function test(){

}

console.log(test);

var test=123;

console.log(test);

上面的代碼會被預先處理為

function test(){

}

console.log(test);

console.log(test);

test=123;

console.log(test);

我們可以看出變數名提升被忽略了；

函數運算式不會被提升的，如

test();

var test=function(){

};

這時候運行，就會報錯；提示test不是一個方法；

預先處理的代碼為

var test;

test();

test=function(){

};

js中沒有塊級範圍；

例如

if(true){

　　var a=123;

}

如果是其他語言，如java，c#變數a只在if塊級範圍有效；

但在js中並沒有這樣的塊級範圍；會被預先處理為

var a;

if(true){

　　a=123；

}

 

JavaScript範圍(第七天)