介紹
變量提升Hoisting是人們對JavaScript執行上下文工作方式的一種認識,并不是官方給出的改變
從字面上理解,變量提升的意思是變量和函數的聲明會在物理層移動到作用域的最前面。但是這樣理解并不準確,效果是相同的,但是實際的實現方式是JavaScript的變量和函數的聲明會在編譯階段放入內存
這意味著使用者在正式聲明一個函數或者變量之前就能夠使用它
函數的提升
在JavaScript中,在聲明一個函數前,我們就能夠使用它,大家應該都體驗過,像這樣:
test(); function test() { // do something}
在正常的使用情況下,應該需要先聲明函數才能調用,但是這種方法仍然能夠運行,這是因為JavaScript自動將函數聲明事先存入了內存的原因,看起來就像JavaScript自動把函數聲明提升到了最前面
變量的提升
對于變量,JavaScript使用類似的方法,但是要注意一點的是,對于變量的提升,JavaScript只會將變量聲明提升,但是不會把初始化提升,如果在變量初始化之前使用,則會得到undefined
// undefinedconsole.log(a);// ReferenceError: b is not definedconsole.log(b);var a = 10;
// undefinedconsole.log(num);num = 6;// 6console.log(num);num += 7;// 13console.log(num);var num;
// undefinedconsole.log(num);num = 1;// 1console.log(num);var num = 2;// 2console.log(num);
這里要注意,JavaScript的變量提升是針對var的,而let和const不存在變量提升這一特性
// ReferenceError: a is not definedconsole.log(a);let a = 10;
一個復雜一點的例子
var a = 100;function fn() { // undefined console.log(a); var a = 200; // 200 console.log(a);}fn();// 100console.log(a);var a;// 100console.log(a);// 300var a = 300;console.log(a);
新聞熱點
疑難解答