在IT界，需要大量的javascript開發(fā)者。如果這個(gè)角色能夠最佳地展現(xiàn)你的能力，那么你有許多機(jī)會(huì)換家公司，以及提高薪水。但是在你被公司錄取之前，你需要展現(xiàn)你的技術(shù)，以便通過面試環(huán)節(jié)。在這篇文章中，我會(huì)展示你五個(gè)典型的問題。

問題1: 范圍（Scope）

思考以下代碼：

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

控制臺(tái)（console）會(huì)打印出什么？

答案

上述代碼會(huì)打印出 5 。

這個(gè)問題的陷阱就是，在立即執(zhí)行函數(shù)表達(dá)式（IIFE）中，有兩個(gè)命名，但是其中變量是通過關(guān)鍵詞 var 來聲明的。這就意味著 a 是這個(gè)函數(shù)的本地變量。與此相反， b 是屬于這個(gè)函數(shù)的全局變量的。

這個(gè)問題另一個(gè)陷阱就是，在函數(shù)中他沒有使用 '嚴(yán)格模式' ( ’use strict’; )。如果 嚴(yán)格模式 開啟，那么代碼就會(huì)報(bào)出未捕獲引用錯(cuò)誤（Uncaught ReferenceError）：b沒有定義。記住嚴(yán)格模式要求，如果這個(gè)是預(yù)期的行為，你需要明確地引用全局變量，。因此，你需要像下面這么寫：

(function() { ’use strict’; var a = window.b = 5;})();console.log(b); 問題2: 創(chuàng)建 “原生（native）” 方法

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

`console.log(’hello’.repeatify(3));``

應(yīng)該打印出 hellohellohello .

答案

一種可能的實(shí)現(xiàn)如下所示：

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

這個(gè)問題測(cè)試了開發(fā)人員對(duì)于javascript中繼承的掌握，以及 prototype 這個(gè)屬性。這也驗(yàn)證了開發(fā)人員是否有能力擴(kuò)展原生數(shù)據(jù)類型函數(shù)（雖然不應(yīng)該這么做）。

在這里，另一種重點(diǎn)是，展示你意識(shí)到如何在不重寫可能已經(jīng)定義的函數(shù)。這個(gè)需要在自定義函數(shù)之前判斷函數(shù)不存在。

`String.prototype.repeatify = String.prototype.repeatify || function(times) {/* code here */};``

當(dāng)你被要求一個(gè)墊片javascript函數(shù)時(shí)，這個(gè)技巧十分有用。

問題3: 提升變量（Hoisting）

執(zhí)行以下代碼會(huì)有什么結(jié)果？為什么會(huì)這樣？

function test() { console.log(a); console.log(foo()); var a = 1; function foo() { return 2; }}test(); 答案

這段代碼的執(zhí)行結(jié)果是 undefined 和 2 。

這個(gè)結(jié)果的原因是，變量和函數(shù)都被提升了（ hoisted ）。因此，那個(gè)時(shí)候 a 被打印了，它存在函數(shù)之中（也就是聲明了），但是依然是 undefined 。換言之，上述代碼和以下代碼是相同的。

function test() { var a; function foo() { return 2; } console.log(a); console.log(foo()); a = 1;}test(); 問題4: this 在javascript中是如何工作的

以下代碼的結(jié)果是什么？請(qǐng)解釋你的答案。

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 。原因是在javascript中，一個(gè)函數(shù)的語境，也就是 this 這個(gè)關(guān)鍵詞引用的，依賴于函數(shù)是如何調(diào)用的，不是如何定義的。

在第一個(gè) console.log() 調(diào)用中， getFullname() 是作為 obj.prop 的函數(shù)被調(diào)用的。因此，這里的語境指向后者并且函數(shù)返回對(duì)象的 fullname 屬性。相反，當(dāng) getFullname() 被指定為 test 的變量，那個(gè)語境指向全局對(duì)象( window )。因?yàn)?test 相當(dāng)于設(shè)置為全局對(duì)象的屬性。因?yàn)檫@個(gè)原因，函數(shù)返回 window 的一個(gè) fullname 屬性，這在這個(gè)案例中是在代碼片段中第一行設(shè)置的。

問題5: call() 和 apply()

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

答案

這個(gè)問題可以通過函數(shù) call() 或者 apply() 強(qiáng)制函數(shù)語境。如果你不知道 call() 和 apply() 之間的區(qū)別，我推薦閱讀文章 function.call和function.apply之間有和區(qū)別? 。在以下代碼中，我會(huì)用 call() ，但是在這個(gè)案例中， apply() 也可以獲得相同的結(jié)果：

`console.log(test.call(obj.prop));`` 結(jié)論

在這篇文章中，我們討論了,在面試中為了測(cè)試javascript開發(fā)者，而會(huì)問到的五種典型的問題。來自面試的真實(shí)問題可能會(huì)有所不同，但是涵蓋的概念和主題通常都是十分相似的。我希望你愉悅地測(cè)試你的能力。萬一你不知道所有的答案，不要擔(dān)心：沒有學(xué)習(xí)和經(jīng)驗(yàn)不能解決的問題。

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

來自：http://www.zcfy.cc/article/5-typical-javascript-interview-exercises-1960.html