以此文作為自己學習的一個總結。
關於全局變量和局部變量的一句簡單的定義:在函數外聲明的變量都為全局變量,在函數內聲明的為局部變量。
一、局部變量和全局變量重名會覆蓋全局變量
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