JavaScript預解析之變量預解析和函數預解析

Posted on by

首先瞭解預解析之前先看兩個問題

1.大傢思考下  這個結果會是多少呢？

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

結果是 undefined

2.這個輸出結果又會是多少呢？

fun();
var fun=function(){
    console.log(22);      
}

顯然這個結果報錯瞭。

那究竟為什麼會這樣執行呢？

1、我們js引擎運行js分為兩步： 預解析   代碼執行

  • 預解析　　js引擎會把js裡面所有的var還有function提升到當前作用域的最前面
  • 代碼執行　按照代碼書寫的順序從上往下執行

2、預解析分為　　變量預解析（變量提升）和 函數預解析（函數提升）

  • 變量提升　　就是把所有的變量聲明提升到當前作用域最前面　　不提升賦值操作
  • 函數提升　　就是把所有函數聲明提升到當前作用域的最前面　　不調用函數

那我們第一個問題就相當於執行瞭以下代碼

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

第二個問題相當於執行瞭以下代碼

var fun;
fun();
fun=funciton(){
    console.log(22);
}

這下我們就可以看到  聲明瞭一個變量 但是沒有給值，接著又調用瞭fun（）這個函數，但是沒有這個函數，肯定會報錯。
所以函數表達式調用必須要寫在函數表達式聲明的下面才可以。

推薦閱讀：