介紹

變量提升Hoisting是人們對JavaScript執(zhí)行上下文工作方式的一種認識，并不是官方給出的改變

從字面上理解，變量提升的意思是變量和函數(shù)的聲明會在物理層移動到作用域的最前面。但是這樣理解并不準確，效果是相同的，但是實際的實現(xiàn)方式是JavaScript的變量和函數(shù)的聲明會在編譯階段放入內存

這意味著使用者在正式聲明一個函數(shù)或者變量之前就能夠使用它

函數(shù)的提升

在JavaScript中，在聲明一個函數(shù)前，我們就能夠使用它，大家應該都體驗過，像這樣:

test(); function test() {  // do something}

在正常的使用情況下，應該需要先聲明函數(shù)才能調用，但是這種方法仍然能夠運行，這是因為JavaScript自動將函數(shù)聲明事先存入了內存的原因，看起來就像JavaScript自動把函數(shù)聲明提升到了最前面

變量的提升

對于變量，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);