【javascript面試題】5個經典的面試題

問題1: 作用域

看一下下面的代碼：

    (function(){
    var a = b =5;
    })();
    console.log(b);

結果會輸出什么？ 

答案：

5

這個問題考查的要點是兩個不同的作用域，'a'被var聲明成了一個局部變量，但是'b'實際上沒有被定義，所以它是一個全局變量。

這個問題還牽扯到另個一個比較重要的問題，就是strict mode，如果你選擇了strict mode，上面的代碼就會報Uncaught ReferenceError，因為b沒有被定義，它可以幫你檢查出代碼的一些問題：

    (function(){
    'use strict';
    var a = window.b =5;
    })();
    console.log(b);

問題2: 創建“native”方法

寫一個重復打印字符串對象的方法，輸入一個整數，這個整數代表重復打印的字數，比如：

1. console.log('hello'.repeatify(3));

這樣會打印出hellohellohello。

答案：

其中一種實現方法是這樣： 

    String.prototype.repeatify =String.prototype.repeatify ||function(times){
    var str ='';
    for(var i =0; i < times; i++){
    str +=this;
    }
    return str;
    };

這個問題考查的是開發者對JavaScript繼承和prototype屬性的了解程度。

Question 3: Hoisting

下面這段代碼的輸出結果是什么？

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

    test();

答案

undefined和2。

上面的代碼和下面這段是等效的：

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

問題4: 在JavaScript中如何執行

通過下面的代碼給出結果，解釋一下你的答案：

    var fullname ='John Doe';
    var obj ={
    fullname:'Colin Ihrig',
    prop:{
    fullname:'Aurelio De Rosa',
    getFullname:function(){
    returnthis.fullname;
    }
    }
    };
    console.log(obj.prop.getFullname());
    var test = obj.prop.getFullname;
    console.log(test());

答案：

 Aurelio De Rosa 和John Doe。

問題5: call() 和 apply()

解決前面的問題之后讓最后一個console.log()輸出Aurelio De Rosa.

答案：

這個問題在於call()還是apply()。 如果你不知道它們之間的區別，我建設你先讀一讀 What’s the difference between function.call and function.apply? 下面這行代碼我使用了call()，但是這個情況下apply()也會產生同樣的結果：

console.log(test.call(obj.prop));