最近面试js部分试题总结

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了最近面试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();

 7,ES6常用知识点考察

JavaScript部分就到这。

 

以上是关于最近面试js部分试题总结的主要内容,如果未能解决你的问题,请参考以下文章

深入理解 js this 绑定 ( 无需死记硬背,尾部有总结和面试题解析 )

js面试试题总结二

js面试试题总结一

2020年冬季前端笔试题总结

面试总结-2023届安全面试题总汇

JavaScript笔试题(js高级代码片段)