首先,瞭解預解析之前先看兩個問題 1.大家思考下 這個結果會是多少呢? console.log(num); var num=10; 結果是 undefined 2.這個輸出結果又會是多少呢? fun(); var fun=function(){ console.log(22); } 顯然這個結果報錯 ...
首先,瞭解預解析之前先看兩個問題
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()這個函數,但是沒有這個函數,肯定會報錯。