问答

1.什么是闭包? 有什么作用？

闭包 简而言之 就是让函数外部可以访问函数内的局部变量,就是将函数内部和函数外部连接起来的一座桥梁
作用：
1.通过闭包可以读取函数内部的变量 （代码题2）
2.另一个就是让这些变量的值始终保持在内存中（代码题1）

2.setTimeout 0 有什么作用?

setTimeout 0 的作用是等到所有代码执行后再执行

---

代码题：

• 下面的代码输出多少？修改代码让fnArri 输出 i。使用两种以上的方法

下面的代码输出多少？修改代码让fnArr[i]() 输出 i。使用两种以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
    fnArr[i] =  function(){
        return i;                 //由于每一个数组元素的值都是这个函数 而函数返回值i的作用域是全局的 所以每次执行返回都是10
    };
}                           
console.log( fnArr[3]() );  
//第一种方法 使用闭包
var fnArr = [];
for (var i = 0; i < 10; i ++) {
    fnArr[i] =  function(num){
        return function(){
          return num;
        };
    }(i);
}
console.log( fnArr[3]() );  
// 第二种方法 使用数组的属性存储
var fnArr=[]
for (var i=0;i<10;i++){
    fnArr[i]=function(){
      return arguments.callee.idx;
    }
    fnArr[i].idx=i;
}

• 使用闭包封装一个汽车对象，可以通过如下方式获取汽车状态

var Car=(function (){
    var speed=0;
    function getSpeed(){
      return speed;
    }
    function accelarate(){
      speed+=10;
    }
    function decelarate(){
      speed=(speed=speed-10)>=0?speed:0;
    }
    function getStatus(){
      return speed>0?"running":"stop";
    }
    return {
      "getSpeed":getSpeed,
      "accelarate":accelarate,
      "decelarate":decelarate,
      "getStatus":getStatus
    }
})();

• 写一个函数使用setTimeout模拟setInterval的功能

//模拟 setInterval
var setInter=function(fn,time){
   setTimeout(function(){
     if(clearInter&&!clearInter.stop){
     fn(fn.arguments);
     setTimeout(arguments.callee,time)
    }
  },time)
}
//模拟 clearInterval
function clearInter(){
    arguments.callee.stop=true;
}
setInter(function(){
  console.log(1);
},1000)

• 写一个函数，计算setTimeout最小时间粒度

function getMin(){
  var i=0;
  var start=new Date();
  var clock=setTimeout(function fn(){
    i++;
    if(i==1000){
      clearTimeout(clock);
      console.log((new Date()-start)/1000);
    }
    clock=setTimeout(arguments.callee,0);
  },0)
}

• 下面这段代码输出结果是? 为什么?

//下面这段代码输出结果是? 为什么?   输出 1,3,2  由于setTimeout延时函数使得a=2 放在最后执行
var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);

• 下面这段代码输出结果是? 为什么?

// 下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}                    //由于setTimeout延后执行 使得setTimeout中的函数执行顺序放在最后面
                                   //,导致flag=true 代码在这里一直死循环
console.log(flag);

• 下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）

for(var i=0;i<5;i++){
    setTimeout(function(){
         console.log('delayer:' + i );         // 由于setTimeout延后执行 一直输出   "delayer：5"  
    }, 0);
    console.log(i);
}
//使用闭包实现
for(var i=0;i<5;i++){
     fn=(function(num){
      return function(){
        console.log('delayer:'+num) ;
      }
    })(i);
    setTimeout(fn,100);
    console.log(i);
}

---

参考文档
阮一峰博客
饥人谷课件

---

本教程版权归小韩同学和饥人谷所有，转载须说明来源