定时器,闭包

2016-11-23  本文已影响0人  王康_Wang
1. 什么是闭包?有什么作用?
2. setTimeout 0 有什么作用?

代码题

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

var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr3 ); // 10 此时fnArr[3] = function() { return i; },此时 i= 10,所以输出10

- ```
   // 可通过立即调用函数使得函数满足题意
      // 方法一
      var fnArr = [];
      for (var i = 0; i < 10; i++) {
        fnArr[i] = (function (val) {
          return function () {
            return val;
          };
        })(i)
      }
      console.log( fnArr[3]() );

      // 方法二
      var fnArr = [];
      for (var i = 0; i < 10; i++) {
        (function (n) {
          fnArr[i] = function () {
            return n;
          };
        })(i)
      }
      console.log( fnArr[3]() );
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


#####3. 写一个函数使用```setTimeout```模拟```setInterval```的功能
- ```
var i = 0;
function intv() {
  setTimeout ( function () {
    console.log (i++);
    inTv();
  }, 1000);
}
4. 写一个函数,计算setTimeout最小时间粒度
5. 下面这段代码输出结果是? 为什么?

var a = 1;
setTimeout(function(){
a = 2;
console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
// 1
// 3
// 2
// 这段代码执行时的顺序为:
var a = 1;
var a;
console.log(a);
a = 3;
console.log(a);
a = 2;
console.log(a);


#####6. 下面这段代码输出结果是? 为什么?
- ```
    var flag = true;
    setTimeout(function(){
      flag = false;
    },0)
    while(flag){}
    console.log(flag);
    // 无限 while 循环
    // 因为setTimeout脱离任务序列,所以while执行前flag始终为true,无限 while循环
上一篇 下一篇

猜你喜欢

热点阅读