JavaScript預(yù)解析

坑

1Q ：未聲明變量，直接輸出會出現(xiàn)什么結(jié)果？

console.log(num);

1A ：報錯：變量未被定義。

Uncaught ReferenceError: num is not defined

2Q ：在輸出變量后才聲明并賦值變量會出現(xiàn)什么結(jié)果？ 1

console.log(num);

var num = 10;

2A ：顯示 undefined 。

undefined

3Q ：先調(diào)用函數(shù)，再定義函數(shù)會出現(xiàn)什么結(jié)果？ 2

fn();

function fn() {

    console.log('Javier_Ji');

}3A ：正常顯示。

Javier_Ji

4Q ：先調(diào)用函數(shù)，再聲明函數(shù)表達式會出現(xiàn)什么結(jié)果？ 3

fn();

var fn = function() {

    console.log('Javier_Ji');

4A ：錯誤： fn 不是函數(shù)。

Uncaught TypeError: fn is not a function

解釋

JavaScript 代碼是由瀏覽器中的 JavaScript 解析器來執(zhí)行的。 JavaScript 解析器在運行 JavaScript 代碼的時候分為兩步：

預(yù)解析：js 引擎會把 js 里面的所有的 var 以及 function 提升到當(dāng)前作用域的最前面。

代碼執(zhí)行：按照代碼書寫的順序從上往下執(zhí)行。

預(yù)解析分為：變量預(yù)解析（變量提升）和函數(shù)預(yù)解析（函數(shù)提升）

變量提升：把所有的變量聲明提升到當(dāng)前的作用域最前面，不提升賦值操作。

函數(shù)提升：把所有的函數(shù)聲明提升到當(dāng)前的作用域最前面，不調(diào)用函數(shù)。

示例

下面的代碼執(zhí)行后會得到什么結(jié)果？4

fn();

console.log(c);

console.log(b);

console.log(a);

function fn() {

    var a = b = c = 9;

    console.log(a);

    console.log(b);

    console.log(c);

}

執(zhí)行后結(jié)果如下：

Uncaught ReferenceError: a is not defined

針對2Q 的解答

先預(yù)解析，相當(dāng)于執(zhí)行了如下代碼：

var num; 股票代碼https://www.gendan5.com/topic/lcSearch.html

var num;   // 把變量聲明提升到當(dāng)前作用域（本例中是全局）最前面

console.log(num); // 執(zhí)行后續(xù)的代碼

num = 10;   // 賦值

針對3Q 的解答

先預(yù)解析，相當(dāng)于執(zhí)行了如下代碼：

function() {

    console.log('Javier_Ji');

}     // 把函數(shù)聲明提升到當(dāng)前作用域（本例中是全局）最前面

fn();   // 執(zhí)行后續(xù)的代碼，函數(shù)被正常調(diào)用

針對4Q 的解答

先預(yù)解析，相當(dāng)于執(zhí)行了如下代碼：

var fn;   // 把 var 聲明提升到當(dāng)前作用域（本例中是全局）最前面

fn();   // 執(zhí)行后續(xù)的代碼，由于函數(shù)還沒被定義，且 var fn; 語句定義的是變量，則會報錯， fn 不是函數(shù)

function() {

    console.log('Javier_Ji');

}     // 執(zhí)行后續(xù)的代碼

針對示例的解答

先預(yù)解析，相當(dāng)于執(zhí)行了如下代碼：

function fn() {

    var a;    

    a = b = c = 9;

    console.log(a);

    console.log(b);

    console.log(c);

}

fn();

console.log(c);

console.log(b);

console.log(a);

        本例中的代碼 var a = b = c = 9; 相當(dāng)于先在函數(shù)內(nèi)部定義變量 var a ，之后賦值 a = b = c = 9 ，由此可得，變量 a 的作用域是在 fn 函數(shù)內(nèi)部，而 b 和 c 相當(dāng)于定義了一個全局變量。