下面這7個JavaScript面試問題是你應(yīng)該在面試前先問的。否則，很有可能會浪費你的時間。
1.創(chuàng)建JavaScript對象的兩種方法是什么？
這是一個非常簡單的問題，如果你用過JavaScript的話。你至少得知道一種方法。但是，盡管如此，根據(jù)我的經(jīng)驗，也有很多自稱是JavaScript程序員的人說不知道如何回答這個問題。

• 使用“new”關(guān)鍵字來調(diào)用函數(shù)。
• open/close花括號。
  

var o = {};
你也可以繼續(xù)提問，“使用new關(guān)鍵字，什么情況下創(chuàng)建對象？”但是，由于我只是想淘汰一些人，所以這些問題我會等到真正面試的時候去問。
2.如何創(chuàng)建數(shù)組？
這和“如何創(chuàng)建對象”是相同級別的問題。然而，也有一些人回答得了第一個問題，卻不能回答這個問題。
用下面的代碼，簡簡單單就能創(chuàng)建一個數(shù)組：
var myArray = new Array();
創(chuàng)建數(shù)組是一個很復(fù)雜的過程。但是我希望能從應(yīng)聘者口中聽到使用方括號的答案。
var myArray = [];
當(dāng)然，我們還可以繼續(xù)問其他問題，比如如何高效地刪除JavaScript數(shù)組中的重復(fù)元素等，但是由于我們只需要知道應(yīng)聘人員是否值得進(jìn)一步的觀察，關(guān)于數(shù)組的問題我會到此結(jié)束。

再來針對如何高效地刪除JavaScript數(shù)組中的重復(fù)元素說一說：js 如何實現(xiàn)數(shù)組去重整理出5種方法。

具體的方法介紹：

1）.遍歷數(shù)組法

最簡單的去重方法， 實現(xiàn)思路：新建一新數(shù)組，遍歷傳入數(shù)組，值不在新數(shù)組就加入該新數(shù)組中；注意點：判斷值是否在數(shù)組的方法“indexOf”是ECMAScript5 方法，IE8以下不支持，需多寫一些兼容低版本瀏覽器代碼，源碼如下：

// 最簡單數(shù)組去重法
function unique1(array){
 var n = []; //一個新的臨時數(shù)組
 //遍歷當(dāng)前數(shù)組
 for(var i = 0; i < array.length; i++){
  //如果當(dāng)前數(shù)組的第i已經(jīng)保存進(jìn)了臨時數(shù)組，那么跳過，
  //否則把當(dāng)前項push到臨時數(shù)組里面
  if (n.indexOf(array[i]) == -1) n.push(array[i]);
 }
 return n;
}
// 判斷瀏覽器是否支持indexOf ，indexOf 為ecmaScript5新方法 IE8以下（包括IE8， IE8只支持部分ecma5）不支持
if (!Array.prototype.indexOf){
 // 新增indexOf方法
 Array.prototype.indexOf = function(item){
  var result = -1, a_item = null;
  if (this.length == 0){
   return result;
  }
  for(var i = 0, len = this.length; i < len; i++){
   a_item = this[i];
   if (a_item === item){
    result = i;
    break;
   } 
  }
  return result;
 }
}

2）.對象鍵值對法

該方法執(zhí)行的速度比其他任何方法都快， 就是占用的內(nèi)存大一些；實現(xiàn)思路：新建一js對象以及新數(shù)組，遍歷傳入數(shù)組時，判斷值是否為js對象的鍵，不是的話給對象新增該鍵并放入新數(shù)組。注意點： 判斷是否為js對象鍵時，會自動對傳入的鍵執(zhí)行“toString()”，不同的鍵可能會被誤認(rèn)為一樣；例如： a[1]、a["1"] 。解決上述問題還是得調(diào)用“indexOf”。

// 速度最快， 占空間最多（空間換時間）
function unique2(array){
 var n = {}, r = [], len = array.length, val, type;
  for (var i = 0; i < array.length; i++) {
    val = array[i];
    type = typeof val;
    if (!n[val]) {
      n[val] = [type];
      r.push(val);
    } else if (n[val].indexOf(type) < 0) {
      n[val].push(type);
      r.push(val);
    }
  }
  return r;
}

3）.數(shù)組下標(biāo)判斷法

還是得調(diào)用“indexOf”性能跟方法1差不多，實現(xiàn)思路：如果當(dāng)前數(shù)組的第i項在當(dāng)前數(shù)組中第一次出現(xiàn)的位置不是i，那么表示第i項是重復(fù)的，忽略掉。否則存入結(jié)果數(shù)組。

function unique3(array){
 var n = [array[0]]; //結(jié)果數(shù)組
 //從第二項開始遍歷
 for(var i = 1; i < array.length; i++) {
  //如果當(dāng)前數(shù)組的第i項在當(dāng)前數(shù)組中第一次出現(xiàn)的位置不是i，
  //那么表示第i項是重復(fù)的，忽略掉。否則存入結(jié)果數(shù)組
  if (array.indexOf(array[i]) == i) n.push(array[i]);
 }
 return n;
}

4）.排序后相鄰去除法

雖然原生數(shù)組的”sort”方法排序結(jié)果不怎么靠譜，但在不注重順序的去重里該缺點毫無影響。實現(xiàn)思路：給傳入數(shù)組排序，排序后相同值相鄰，然后遍歷時新數(shù)組只加入不與前一值重復(fù)的值。

// 將相同的值相鄰，然后遍歷去除重復(fù)值
function unique4(array){
 array.sort(); 
 var re=[array[0]];
 for(var i = 1; i < array.length; i++){
  if( array[i] !== re[re.length-1])
  {
   re.push(array[i]);
  }
 }
 return re;
}

5）.優(yōu)化遍歷數(shù)組法

源自外國博文，該方法的實現(xiàn)代碼相當(dāng)酷炫；實現(xiàn)思路：獲取沒重復(fù)的最右一值放入新數(shù)組。（檢測到有重復(fù)值時終止當(dāng)前循環(huán)同時進(jìn)入頂層循環(huán)的下一輪判斷）

// 思路：獲取沒重復(fù)的最右一值放入新數(shù)組
function unique5(array){
 var r = [];
 for(var i = 0, l = array.length; i < l; i++) {
  for(var j = i + 1; j < l; j++)
   if (array[i] === array[j]) j = ++i;
  r.push(array[i]);
 }
 return r;
}

3.什么是變量提升（Variable Hoisting）？
這個問題稍微難一點，我也并不要求對方一定得回答出來。但是，通過這個問題能夠快速確定應(yīng)聘者的技術(shù)水平：他們是否真的像他們聲明得那樣理解這門編程語言？
變量提升指的是，無論是哪里的變量在一個范圍內(nèi)聲明的，那么JavaScript引擎會將這個聲明移到范圍的頂部。如果在函數(shù)中間聲明一個變量，例如在某一行中賦值一個變量：

function foo()
{
 // 此處省略若干代碼
 var a = "abc";
}
實際上會這樣運行代碼：
function foo()
{
 var a;
 // 此處省略若干代碼
 a = "abc";
}

4.全局變量有什么風(fēng)險，以及如何保護(hù)代碼不受干擾？
全局變量的危險之處在于其他人可以創(chuàng)建相同名稱的變量，然后覆蓋你正在使用的變量。這在任何語言中都是一個令人頭疼的問題。
預(yù)防的方法也有很多。其中最常用的方法是創(chuàng)建一個包含其他所有變量的全局變量：
var applicationName = {};
然后，每當(dāng)你需要創(chuàng)建一個全局變量的時候，將其附加到對象上即可。
applicationName.myVariable = "abc";
還有一種方法是將所有的代碼封裝到一個自動執(zhí)行的函數(shù)中，這樣一來，所有聲明的變量都聲明在該函數(shù)的范圍內(nèi)。

(function(){
 var a = "abc";
})();

在現(xiàn)實中，這兩種方法你可能都會用到。
5.如何通過JavaScript對象中的成員變量迭代？

for(var prop in obj){
 // bonus points for hasOwnProperty
 if(obj.hasOwnProperty(prop)){
  // do something here
 }
}

6.什么是閉包（Closure）？
閉包允許一個函數(shù)定義在另一個外部函數(shù)的作用域內(nèi)，即便作用域內(nèi)的其他東西都消失了，它仍可以訪問該外部函數(shù)內(nèi)的變量。如果應(yīng)聘者能夠說明，在for/next循環(huán)中使用閉包卻不聲明變量來保存迭代變量當(dāng)前值的一些風(fēng)險，那就應(yīng)該給對方加分。
7.請描述你經(jīng)歷過的JavaScript單元測試。
關(guān)于這個問題，其實我們只是想看看應(yīng)聘人員是否真的做過JavaScript單元測試。這是一個開放式問題，沒有特定的正確答案，不過對方至少得能講述進(jìn)程中的一些事情。

以上就是為大家準(zhǔn)備的JavaScript面試題，有沒有做的很順利，希望大家在面試之前查漏補(bǔ)缺，順利過關(guān)。

最新評論