[Day06] JavaScript - Hoisting 提升

在讲Hoisting之前，要先解释一下undefined 与 is not defined 的差异:

undefined : 是指「已宣告未赋值」的变数或函数。

var a;
console.log(a)  //undefined

is not defined : 是指「未宣告」的意思。

console.log(b)   // ReferenceError: b is not defined 

Hoisting

而Hoisting的观念是，不管变数、函式宣告的位置在哪里，JavaScript在一开始载入时都会先找到所有「变数」与「函式 function」，并放入记忆体空间内。

• 先看以下范例:

  var a = '宣告变数';
  
  function b() {
      console.log('宣告函式');
  }
  
  console.log(a);   //宣告变数
  b();    //宣告函式
  
  

  以上a、b都是预期中的结果。

• 那如果按照Hoisting的特性，下面的程序执行的结果会是什麽呢?

  console.log(a);   
  b();   
  
  var a = '宣告变数';
  
  function b() {
      console.log('宣告函式');
  }
  

  结果:

  console.log(a);    //undefined
  b();    //宣告函式
  

• 函式b有成功执行出'宣告函式' ; 而变数a的执行结果却是"undefined"，为什麽呢?
  这是因为Hoisting的重要特性: 变数仅提升宣告的部分，而不会提升赋值。
   

  也就是说，函式在宣告时就会完整放在记忆体空间里，而变数就只是宣告但不会赋值。