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

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

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

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

具體的方法介紹：

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

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

// 最簡(jiǎn)單數(shù)組去重法
function unique1(array){
 var n = []; //一個(gè)新的臨時(shí)數(shù)組
 //遍歷當(dāng)前數(shù)組
 for(var i = 0; i < array.length; i++){
  //如果當(dāng)前數(shù)組的第i已經(jīng)保存進(jìn)了臨時(shí)數(shù)組，那么跳過(guò)，
  //否則把當(dāng)前項(xiàng)push到臨時(shí)數(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）.對(duì)象鍵值對(duì)法

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

// 速度最快， 占空間最多（空間換時(shí)間）
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差不多，實(shí)現(xiàn)思路：如果當(dāng)前數(shù)組的第i項(xiàng)在當(dāng)前數(shù)組中第一次出現(xiàn)的位置不是i，那么表示第i項(xiàng)是重復(fù)的，忽略掉。否則存入結(jié)果數(shù)組。

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

4）.排序后相鄰去除法

雖然原生數(shù)組的”sort”方法排序結(jié)果不怎么靠譜，但在不注重順序的去重里該缺點(diǎn)毫無(wú)影響。實(shí)現(xiàn)思路：給傳入數(shù)組排序，排序后相同值相鄰，然后遍歷時(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ù)組法

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

// 思路：獲取沒(méi)重復(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）？
這個(gè)問(wèn)題稍微難一點(diǎn)，我也并不要求對(duì)方一定得回答出來(lái)。但是，通過(guò)這個(gè)問(wèn)題能夠快速確定應(yīng)聘者的技術(shù)水平：他們是否真的像他們聲明得那樣理解這門編程語(yǔ)言？
變量提升指的是，無(wú)論是哪里的變量在一個(gè)范圍內(nèi)聲明的，那么JavaScript引擎會(huì)將這個(gè)聲明移到范圍的頂部。如果在函數(shù)中間聲明一個(gè)變量，例如在某一行中賦值一個(gè)變量：

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

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

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

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

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

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

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

最新評(píng)論