任务二十作业

问答

什么是闭包? 有什么作用?

• 闭包是指能够访问自由变量的函数(变量在本地使用，但在闭包中定义)。换句话说，定义在闭包中的函数可以“记忆”它被创建时候的环境。
• 闭包的作用：
  • 为函数引用设置延时
  • 通过对象实例方法关联函数
  • 包装相关的功能

setTimeout 0 有什么作用?

• 实现javascript的异步；

alert(1); 
setTimeout("alert(2)", 0); 
alert(3); 
//执行结果是1 3 2

• 在事件中，setTimeout会在其完成当前任何延宕事件的事件处理器的执行，以及完成文档当前状态更新后，告诉浏览器去启用 setTimeout 内注册的函数。

代码

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

var fnArr = [];
    for (var i = 0; i < 10; i ++) {
        fnArr[i] =  function(){
            return i;
        };
    }
    console.log( fnArr[3]() );  //输出结果为10
    
// 欲达到输出每次的I则可以使用闭包处理如下：
(function(){
       var fnArr = [];
       for(var i=0;i<10;i++){
           fnArr[i]=(function(num){
               return function(){
                   return num;
               };
           })(i);
       };
       console.log(fnArr[4]());
   }())
// 输出结果为4 

(function(){
       var fn1,fn2;
       fn1=(function(num){
           return function(){
               return num++;
           }
       })(1);
       fn2=(function(num){
           return function(){
               return num;
           }
       })(2);
       console.log( fn1() );
       console.log( fn2() );
   }());
// 输出1,2

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

var Car = //todo;
Car.setSpeed(30);
Car.getSpeed(); //30
Car.accelerate();
Car.getSpeed(); //40;
Car.decelerate();
Car.decelerate();
Car.getSpeed(); //20
Car.getStatus(); // 'running';
Car.decelerate(); 
Car.decelerate();
Car.getStatus();  //'stop';
//Car.speed;  //error

//代码如下：
var Car = (function(){
       var val;
       function setSpeed(num){
              return val=num;
 
       }
       function getSpeed(){
           return val;
   
       }
       function accelerate(){
          return val +=10;
       }
       function decelerate(){
          return val-=10;
        
       }
       function getStatus(){
           if(val>0){
               return "running";
          
           }else{
               return "stop";
             
           }
       }   return{
            setSpeed:setSpeed,
            getSpeed:getSpeed,
            accelerate:accelerate,
            decelerate:decelerate,
            getStatus:getStatus,
            val:"error"
        };
   }());
  
//输出结果如下：
Car.setSpeed(30);
30
Car.getSpeed();
30
Car.accelerate();
40
Car.getSpeed(); 
40
Car.decelerate();
30
Car.decelerate();
20
Car.getSpeed();
20
Car.getStatus();
"running"
Car.decelerate();
10
Car.decelerate();
0
Car.getStatus();
"stop"

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

函数如下：

var  i=0;
function intv(){
    setTimeout(function(){
    console.log(i++);
    intv();},1000);
}
intv();

写一个函数，计算setTimeout平均[备注：新加]最小时间粒度

函数代码如下：

//如何获取最小时间粒度？
    function getMini(){
        var i=0;
        var start = Date.now();//开始时间
        var clock = setTimeout(
                function (){
                    i++;
                    if (i ===1000){
                        clearTimeout(clock);
                        var end = Date.now;//结束时间
                        console.log((end-start)/i);//开始时间-结束时间之差除以i，得出每次执行的时间。
                    }
                    clock =setTimeout(arguments.callee,2);
                },2)
    }
   getMini();

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

 var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
// 输出结果1 3 2  JavaScript中的代码都是依次执行的，但是setTimeout能够延缓其内部函数的执行，因此显示1 3 2.

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

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);

//  处于死循环while中，因此无法执行setTimeout函数，从而什么都不显示。

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

(function(){
        var count =[];
        for(var i=0;i<5;i++){
            count[i]=(function(num){
                return function(){
                    return 'delayer:' +num;
                };
            })(i);
        };
        console.log(count[0]());／／delayer:0
        console.log(count[1]());／／delayer:１
        console.log(count[2]());／／delayer:２
        console.log(count[3]());／／delayer:３
        console.log(count[4]());／／delayer:４
    }())

转载声明：本文所以版权均归饥人谷和作者本人所有，如需转载，请注明来源，谢谢！