在IT界中公司對JavaScript開發者的要求還是比較高的，但是如果JavaScript開 發者的技能和經驗都達到了一定的級別，那他們還是很容易跳到優秀的公司的，當然薪水就更不是問題了。但是在面試之前，面試準備也應該足夠的充分，畢竟不是 每個優秀的開發者都能在短時間內表現自己。在這篇文章中，我將會列出5個常見的前端開發面試題。看到這裡你證明你一定是個程式設計師或是HR了，不防把文章看 完，瞭解一下自己還有什麼不足之處，有什麼問題希望大家可以在留言中交流。

問題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”方法

寫一個重複列印字串物件的方法，輸入一個整數，這個整數代表重複列印的字數，比如：

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() { 
       return 2;   
}}

test();

答案

undefined和2。

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

function test() {  
 var a;   
function foo() {  
    return 2;   
    }   
     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() {        
   return this.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));

英文原文地址：http://www.sitepoint.com/5-typical-javascript-interview-exercises/