先說下預解析的含義，在寫js程式碼呼叫函式的時候，無論你是在呼叫位置的前面或者後面宣告函式，都可以正常呼叫，原因是，JavaScript碰到script標籤，會將var變數（注意是var）宣告和函式宣告（注意是宣告）提升到當前作用域最前面。

要想搞懂預解析，先記住結論：

變數的提升，指的是宣告的提升，賦值（初始化）並不會提升

接下來 就對著這個結論看一些例子：

例1：

console.log(num); //undefined
    var num = 2;

變數宣告提升，賦值不提升，所以上述程式碼相當於：

var num;
console.log(num);
num = 2;

例2：

var num = 2;
var num;
console.log(num); //2

是不是以為是undefined呢？千萬別忘了變數是會提升的，看下面程式碼就明白為什麼是2了：

var num;
var num;
num = 2;
console.log(num);

這裡有個問題，看下面程式碼：

function f() {}
var f
console.log(f); //function f() {}

 按理說，這裡應該是undefined，結果明顯不是，這裡個人以為可以理解成，變數的宣告提升後會在函式前面

再將程式碼作如下修改：

function f() {
console.log(num); // undefined
}
var num
 

這裡函式裡面能訪問到num，證明變數的宣告會在函式宣告之前

這個問題是個人的理解，有疑問的讀者也可以去查些資料。 

例3：

var f = function() {
   console.log(1)
}
function f() {
  console.log(2)
}
f(); // 1

這個例子結果是1的原因，可以看下面的程式碼：

var f;
function f() {
   console.log(2)
}
f = function() {
  console.log(1)
}
f();

例4：

f(); // 2
var f = function() {
  console.log(1)
}
function f() {
  console.log(2)
}
 

這個例子和前一個只是函式呼叫位置發生了改變，結果也變了，可以嘗試自己按照步驟一步步重新寫在紙上，結果如下：

var f;
function f() {
  console.log(2)
}
f();
f = function() {
  console.log(1)
}

例5：

f(); //報錯
var f = function(){
   console.log('k')
}

這個例子應該很簡單，只是將例1中的變數換成了函式：

var f;
f();
f = function(){
  console.log('k')
}

呼叫一個未賦值的函式，當然會報錯，注意一下，這個例子，將函式表示式換成函式宣告就不會報錯了，因為函式宣告會提升，這也是我們常用函式宣告的一個原因，可以在任何位置呼叫。

例6：

var num = 2;
function f() {
  num = 1;
  console.log(num); //1
  return
  var num = 3;
}
f();
console.log(num) //2

return後面的語句雖然不會執行，但是變數還是會提升：

var num = 2;
function f() {
   var num
   num = 1;
   console.log(num); //1
   return
   num = 3;
}
f();
console.log(num) //2

例7：

console.log(num);// 報錯
num = 2;

我們開篇就說過，只有var會提升，隱式全域性變數並不會提升，所以結果和例1不同，並不是undefined