常见的面试题目

写一个模块，外部调用这个模块，请求参数是时间戳，模块输出要求如下：

今天的时间，统一用24小时写做03：00、15：04这样

昨天的时间统一写昨天

昨天之前的时间，但在本周之内的时间，统一用周一，周二，周三这样来写

上周的时间，统一写作15/3/4,15/5/17这样，依次是年月日

注意当月和日是个位数的时候，不需要用0占位让他显示两位，其他显示null

方法一

方法二

2 看下面代码，给出输出结果。

for(var i=1;i<=3;i++){
   setTimeout(function(){
       console.log(i);    
   },0);  
};
答案：4 4 4
Javascript事件处理器在线程空闲之前不会运行。那么问题来了，如何让上述代码输出1 2 3？
方法1：

for(var i=1;i<=3;i++){
　　setTimeout((function(a){ //改成立即执行函数
　　　　console.log(a);
　　})(i),0);
};

方法2

for(var i=1;i<=3;i++){
　　(function(a){
　　　　setTimeout((function(){ 
　　　　　　console.log(a);
　　　　}),0);
　　})(i)
};

3 写一个function，清除字符串前后的空格。（兼容所有浏览器）

使用自带接口trim()，考虑兼容性：

if (!String.prototype.trim) { 
  String.prototype.trim = function() { 
  return this.replace(/^s+/, "").replace(/s+$/,"");
  } 
 } 
 // test the function 
 var str = " 	
 test string ".trim(); 
 alert(str == "test string"); // alerts "true"

 

4 Javascript中callee和caller的作用？

答案：

caller是返回一个对函数的引用，该函数调用了当前函数；

callee是返回正在被执行的function函数，也就是所指定的function对象的正文。

那么问题来了？如果一对兔子每月生一对兔子；一对新生兔，从第二个月起就开始生兔子；假定每对兔子都是一雌一雄，试问一对兔子，第n个月能繁殖成多少对兔子？（使用callee完成）

 var result=[];
 function fn(n){  //典型的斐波那契数列
    if(n==1){
         return 1;
    }else if(n==2){
            return 1;
    }else{
         if(result[n]){
                 return result[n];
        }else{
                 //argument.callee()表示fn()
                 result[n]=arguments.callee(n-1)+arguments.callee(n-2);
                 return result[n];
         }
    }
}

5 实现一个函数clone，可以对JavaScript中的5种主要的数据类型（包括Number、String、Object、Array、Boolean）进行值复制

• 考察点1：对于基本数据类型和引用数据类型在内存中存放的是值还是指针这一区别是否清楚
• 考察点2：是否知道如何判断一个变量是什么类型的
• 考察点3：递归算法的设计

 // 方法一：
 Object.prototype.clone = function(){
         var o = this.constructor === Array ? [] : {};
        for(var e in this){
                  o[e] = typeof this[e] === "object" ? this[e].clone() : this[e];
         }
         return o;
  }
 
 //方法二：
   /**
      * 克隆一个对象
      * @param Obj
     * @returns
      */ 
     function clone(Obj) {   
         var buf;   
         if (Obj instanceof Array) {   
             buf = [];                    //创建一个空的数组 
             var i = Obj.length;   
             while (i--) {   
                 buf[i] = clone(Obj[i]);   
             }   
             return buf;    
         }else if (Obj instanceof Object){   
             buf = {};                   //创建一个空对象 
             for (var k in Obj) {           //为这个对象添加新的属性 
                 buf[k] = clone(Obj[k]);   
             }   
             return buf;   
         }else{                         //普通变量直接赋值
            return Obj;   
         }   
     }

6 如何消除一个数组里面重复的元素？

  var arr=[1,2,3,3,4,4,5,5,6,1,9,3,25,4];
         function deRepeat(){
              var newArr=[];
              var obj={};
              var index=0;
              var l=arr.length;
              for(var i=0;i<l;i++){
                  if(obj[arr[i]]==undefined)
                    {
                     obj[arr[i]]=1;
                     newArr[index++]=arr[i];
                   }
                 else if(obj[arr[i]]==1)
                   continue;
             }
             return newArr;
 
         }
         var newArr2=deRepeat(arr);
         alert(newArr2); //输出1,2,3,4,5,6,9,25

 

7 下面这个ul，如何点击每一列的时候alert其index?（闭包）

 <ul id=”test”>
 　　<li>这是第一条</li>
 　　<li>这是第二条</li>
 　　<li>这是第三条</li>
 </ul>

答案：

  // 方法一：
  var lis=document.getElementById('2223').getElementsByTagName('li');
  for(var i=0;i<3;i++)
  {
      lis[i].index=i;
      lis[i].onclick=function(){
          alert(this.index);
      };
  }
 
 //方法二：
 var lis=document.getElementById('2223').getElementsByTagName('li');
 for(var i=0;i<3;i++)
 {
     lis[i].index=i;
     lis[i].onclick=(function(a){
         return function() {
             alert(a);
         }
     })(i);
 }