闭包 任务

题目1:

下面的代码输出多少？修改代码让fnArr[i]()输出 i。使用两种以上的方法

var fnArr = [];
for (var i = 0; i < 10; i ++) {
    fnArr[i] =  function(){
        return i;
    };
}
console.log( fnArr[3]() );  //10 

/*因为调用函数的时候，全局变量 i 已经变成了10，黄花菜都已经凉了
*/

修改代码，用闭包保存每次i的值

//方法1： 闭包加IIFE（立即执行函数）
var fnArr = [];
for (var i = 0; i < 10; i++) {
    fnArr[i] = function(i){
        return function(){
            return i
        };
    }(i)

}
console.log(fnArr[3]()); // 3

/*在外部嵌套一个立即执行的函数，构造一个闭包，
保存每次循环中的 i 的值。等调用的时候，就读取当时的 i 的值。
也就是拍照留证据，等日后调查用。
*/

//方法2：用let创建每个作用域的私有变量
var fnArr = [];
for (let i = 0; i < 10; i ++) {
    fnArr[i] =  function(){
        return i;
    };
}
console.log( fnArr[3]() );  //3

题目2：

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

var Car = function(){
   var speed = 0;
   function setSpeed(s){
       speed = s              //设置汽车起始速度
   }
   function getSpeed(){
       return speed;          //获取汽车的当前速度
   }
   function accelerate(){
       speed += 10;           //每次加速，提速10
   }
   function decelerate(){
       speed -=10;            //每次减速，减速10
   }
   function getStatus(){
       if(0 < speed){
           return "running"   //如果速度大于0，状态为running
       }
       if(0 === speed){
           return "stop"      //如果速度等于0，状态为stop
       }
       if(0 > speed){
           return "backing"   //如果速度小于0，状态为backing
       }
   }
   return {    /*return一个对象，对象名是字符串，对象值是函数名*/
      setSpeed: setSpeed,
      getSpeed: getSpeed,
      accelerate: accelerate,
      decelerate: decelerate,
      getStatus: getStatus,
   }
}()
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';

题目3：

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

var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
/*1 3 2
因为setTimeout是异步执行的，执行顺序排在最后
*/

题目4：

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

// !!!不要去执行这段代码，会卡死的
var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);

/*进入一个无限循环，什么都不输出
因为setTimeout异步执行，执行顺序排到最后去，
所以while循环中的布尔值是true,会一直无限循环下去，
后面的js代码永远执行不到，所以没有输出
*/

题目5：

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

for(var i=0;i<5;i++){
    setTimeout(function(){
         console.log('delayer:' + i );
    }, 0);
    console.log(i);
}

/*0 1 2 3 4 
delayer:5 
delayer:5 
delayer:5
delayer:5
delayer:5
*/

要想输出delayer: 0, delayer:1...有以下方法

• 方法1

//用闭包改写代码：
for(var i=0;i<5;i++){
    setTimeout(function(i){
        return function(){
            console.log('delayer:' + i );
        }
    }(i)
        , 0);
    console.log(i);
}

/*0 1 2 3 4 
delayer:0 
delayer:1 
delayer:2
delayer:3
delayer:4
*/

• 方法2

//用let创建私有变量
for(let i=0;i<5;i++){
    setTimeout(function(){
         console.log('delayer:' + i );
    }, 0);
    console.log(i);
}

/*0 1 2 3 4 
delayer:0 
delayer:1 
delayer:2
delayer:3
delayer:4
*/