一次性理清JavaScript變量等高難度面試問題

Charlie_Jade 發(fā)布于2019-08-23 15:27 / 2478人閱讀

摘要：再次聲明的函數(shù)會替代原有的函數(shù)第二點第一個函數(shù)中的指向。解決這些問題的關(guān)鍵是不要想當(dāng)然，動手一步一步模擬執(zhí)行順序，模擬變量提升情況第二種面向?qū)ο髥栴}或高階函數(shù)等待更新

主要是解決JavaScript中比較難懂的部分，當(dāng)然了，這部分經(jīng)常在面試題中露面，這篇文章主要是講解解題思路，對新手會有很大幫助（如果你仔細(xì)看的話）。書籍方面，我看的是《你不知道的javascript》,精髓就在里面嘍。文章會持續(xù)更新（ 如果能看到比較刁鉆的題目的話， 也歡迎大家將自己遇到的異常難于理解的JavaScript題目分享出來喔 ）

第0種解析順序

    function a() {
        b = function () {
            console.log(1)
        }

        return this;
    }

    var b = function () {
        console.log(2)
    }

    function b() {
        console.log(3)
    }

    b();

    a().b();

    b();

1.首先，你要明白的是3永遠(yuǎn)不可能打印出來。這涉及到函數(shù)的聲明方式和執(zhí)行順序問題。
直接用function的方式聲明的函數(shù)，函數(shù)可以在function聲明之前被調(diào)用，這說明在代碼運行之前就已經(jīng)調(diào)用了。
再次聲明的函數(shù)var b會替代原有的函數(shù)b

2.第二點：第一個函數(shù)中的this指向。一個點：函數(shù)中的this是在運行時候決定的，而不是函數(shù)定義時，具體就看誰調(diào)用了this.在第一個函數(shù)中，沒有調(diào)用對象，在瀏覽器中，this就指向window

3.第三點：還是第一個函數(shù)中，不使用var標(biāo)識符直接定義的變量都屬于全局變量,也就是說第一個函數(shù)中的b是掛載到window上的。

第1種變量提升

(function(){
    a = 5;
    alert(window.a);
    var a = 10;
    alert(a);
})();

喜聞樂見！看見一堆的變量a就知道了，這是變量提升的問題了，只需要自己模擬出執(zhí)行順序就行了.

等同于：

var  a; // 第一步：變量提升
a = 5; // 后面的就直接拿上來
alert(window.a);
a = 10;
alert(a);

同類型題目：

var a=1;
function test(){
    console.log(a);
    var a=1;
}
test();

看見var就把它提升到最前面就行了，一樣畫瓢解決：

var a;
a = 1;

function test() {
  var a;
  console.log(a);
  a = 1;
}

還有同類型的題目一樣可以依葫蘆畫瓢解決:

 var foo = "hello";
    (function (foo) {
        console.log(foo);
        var foo = foo || "world";
        console.log(foo);
    })(foo);
    console.log(foo);

等。

解決這些問題的關(guān)鍵是：不要想當(dāng)然，動手一步一步模擬執(zhí)行順序，模擬變量提升情況

第二種面向?qū)ο髥栴}或高階函數(shù)（等待更新）