以此文作為自己學習的一個總結。
????? 關于全局變量和局部變量的一句簡單的定義:在函數外聲明的變量都為全局變量,在函數內聲明的為局部變量。
?
???? 一、局部變量和全局變量重名會覆蓋全局變量????
1 var a = 1;
2 function test1() {
3 var a = 2;
4 alert(a);
5 }
6 test1();// 2
????? 這里的函數中的定義的a是局部變量,它的作用域為函數{}之間,函數外定義的a為全局變量,它的作用域為整個程序(描述有點不準確)。在函數中的局部變量和全局變量重名,局部變量會覆蓋全局變量。
?
????? 二、提到全局變量與局部變量不得不說明的一個知識點就是變量提升(這是一個坑)。‘與C/C++逐行執行代碼不同,JS引擎的工作方式是,先獲取所有被聲明的變量再逐一執行,所有變量的聲明語句都會被提升到當前代碼塊的頭部’。注:代碼塊指的是function的一個{},通常的if、while、for的{}中變量不會提升。
了解了變量提升了之后我們用以下代碼來演示:
1 var a = 1;
2 function test1() {
3 alert(a);
4 var a = 2;
5 alert(a);
6 }
7 test1();
8 alert(a);//undefined 2 1
為什么結果不是1? 2? 1呢?原因就在于代碼提升。由于代碼提升的效果所以實際執行的代碼是這樣的:
?
1 var a = 1;
2 function test1() {
3 var a;//局部變量與全局變量重名時會覆蓋全局變量,此時的a只有聲明卻未定義
4 alert(a);//所以執行alert值為undefined
5 a = 2;
6 alert(a);
7 }
8 test1();
9 alert(a);//undefined 2
?