五個典型的 JavaScript 面試題

在IT界，需要大量的 JavaScript 開發者。如果你的能力能夠勝任這一角色，那么你將獲得許多更換工作和提高薪水的機會。但是在你被公司錄取之前，你需要展現你的技術實力，以便通過面試環節。在這篇文章中，我會為你展示前端面試會被問到的 5 個典型問題及相關解決方法，這 5 個問題常被用來測試面試者的 JavaScript 技能。它們很有意思！

問題1: 范圍（Scope）

思考以下代碼：

控制臺（console）會打印出什么？

答案

上述代碼會打印出 5 。

這個問題的陷阱就是，在立即執行函數表達式（IIFE）中，有兩個命名，但是其中變量是通過關鍵詞 var 來聲明的。這就意味著 a 是這個函數的局部變量。與此相反， b 是在全局作用域下的。

這個問題另一個陷阱就是，在函數中他沒有使用 "嚴格模式" ( 'use strict'; )。如果  嚴格模式 開啟，那么代碼就會報出未捕獲引用錯誤（Uncaught ReferenceError）：b沒有定義。記住，嚴格模式要求你在需要使用全局變量時，明確地引用該變量。因此，你需要像下面這么寫：

問題2: 創建 “原生（native）” 方法

在 String 對象上定義一個 repeatify 函數。這個函數接受一個整數參數，來明確字符串需要重復幾次。這個函數要求字符串重復指定的次數。舉個例子：

應該打印出 hellohellohello .

答案

一種可能的實現如下所示：

這個問題測試了開發人員對于JavaScript中繼承的掌握，以及 prototype 這個屬性。這也驗證了開發人員是否有能力擴展原生數據類型的功能（雖然不應該這么做）。

這個問題的另一個重點是驗證你是否意識到并知道如何避免覆蓋已經存在的函數。這可以通過在自定義函數之前判斷該函數是否存在來做到。

當你需要為舊瀏覽器實現向后兼容的函數時，這一技巧十分有用。

問題3: 變量提升（Hoisting）

執行以下代碼會有什么結果？為什么？

答案

這段代碼的執行結果是 undefined 和  2 。

這個結果的原因是，變量和函數都被提升了（hoisted）。因此，在 a 被打印的時候，它已經在函數作用域中存在（即它已經被聲明了），但是它的值依然是  undefined 。換言之，上述代碼和以下代碼是等價的。

問題4:  this  在 JavaScript 中是如何工作的

以下代碼的結果是什么？請解釋你的答案。

答案

上面的代碼打印出 Aurelio De Rosa 和 John Doe 。原因是在 JavaScript 中，一個函數的上下文環境，也就是 this 關鍵詞所引用對象，是依賴于函數是如何被調用的，而不是依賴于函數如何被定義的。

在第一個 console.log() 調用中，  getFullname() 是作為 obj.prop 的函數被調用的。因此，這里的上下文環境指向后者并且函數返回 this 對象的  fullname 屬性。相反，當  getFullname() 被賦為 test 變量的值時，那個語境指向全局對象( window )。這是因為， test 被隱式設置為全局對象的屬性。因此，函數調用返回 window 的 fullname 屬性值，在此段代碼中，這個值是通過第一行賦值語句設置的。

問題5:  call()  和  apply()

修復上一個問題，讓最后一個 console.log() 打印出  Aurelio De Rosa 。

答案

要解決這個問題，可以通過為函數 call() 或者 apply() 強制函數調用的上下文環境。如果你不知道 call() 和 apply() 之間的區別，我推薦閱讀文章“  function.call 和 function.apply 之間有和區別?” 。在以下代碼中，我會用 call() ，但是在這里，用 apply() 也可以獲得相同的結果：

結論

在這篇文章中，我們討論了 JavaScript 面試者在面試中常被問到的 5 個典型問題。在實際面試中，真實的問題可能會有所不同，但涉及的概念和涵蓋的話題通常是非常類似的。我希望你覺得前面那些測試很有趣。如果你不知道其中一些答案，也別擔心：隨著不斷學習和經驗 積累 ，你就能解決那些問題。

如果你在面試中被問到了其他有趣的問題，不要猶豫，馬上來和我們分享吧。這會幫助到很多的開發者。

 

來自：http://mp.weixin.qq.com/s/X3nprS7nKTWthMuYwnHGZw