JS常見面試試題有哪些

這篇文章主要介紹了JS常見面試試題有哪些，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

具體如下：

JavaScript面試題總結

1，首先是數組去重算法：給一個數組，去掉重復值

(function() {
    var arr = [1, 2, 3, 3, 4, ];
    function unique() {
      var result = [];
      var tem = {};
      for (var i = 0; i < arr.length; i++) {
        if (!tem[arr[i]]) {
          result.push(arr[i]);
          tem[arr[i]] = 1;
        }
      }
      return result;
    }
})();

2，多維數組，至少3層的遍歷，將數組整合一維數組，網上給出的方案

//遍歷多維數組
var arr = [1, 2, 3, [4, [5, [6]]]]; // arr.length
Array.prototype.each = function(fn) {
  try {
    //1 目的： 遍歷數組的每一項 //計數器 記錄當前遍歷的元素位置
    this.i || (this.i = 0); //var i = 0 ;
    //2 嚴謹的判斷什么時候去走each核心方法
    // 當數組的長度大于0的時候 && 傳遞的參數必須為函數
    if (this.length > 0 && fn.constructor == Function) {
      // 循環遍歷數組的每一項
      while (this.i < this.length) { //while循環的范圍
        //獲取數組的每一項
        var e = this[this.i];
        //如果當前元素獲取到了 并且當前元素是一個數組
        if (e && e.constructor == Array) {
          // 直接做遞歸操作
          e.each(fn);
        } else {
          //如果不是數組 （那就是一個單個元素）
          // 這的目的就是為了把數組的當前元素傳遞給fn函數 并讓函數執行
          //fn.apply(e,[e]);
          fn.call(e, e);
        }
        this.i++;
      }
      this.i = null; // 釋放內存 垃圾回收機制回收變量
    }
  } catch (ex) {
    // do something
  }
  return this;
}

3，獲得url查詢參數方案

1）一個是用正則表達式方法

//獲取url參數
function GetQueryString(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  //js match返回的是一數組
  var r = location.search.substr(1).match(reg);
  if (r != null) {
    return r[2];
  } else {
    return null;
  }
}

2）另外一種就是利用split結合數組遍歷實現，這個比較容易實現就不貼代碼了

4，正則表達式去掉空格

/**去掉字符串前后所有空格*/
function trim(str){
return str.replace(/(^\s*)|(\s*$)/g, "");
}

5，閉包的概念考察

6，原型繼承如何實現，原型繼承有兩種方案

1）第一種是利用prototype

var obj={name:'seven'};
var a=function(){};
a.prototype=obj;
var aa=new a();
alert(aa.name);

 2）第二種是利用apply或者call

function people(name,age){
  //屬性
  this.name=name;
  this.age=age;
  //方法
  this.show=function(){
    console.log("my name is"+this.name+" and I am "+this.age+" years old");
  };
}
function student(name,age,school){
  people.apply(this,arguments);
  this.school=school;
  this.showYourself=function(){
    console.log("my name is"+this.name+" and I am "+this.age+" years old"+" my school is"+ this.school);
  };
}
var tom=new student('tom','19','xtu');
tom.showYourself();

感謝你能夠認真閱讀完這篇文章，希望小編分享的“JS常見面試試題有哪些”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!