闭包&定时器-Assignment

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

闭包就是能够读取其他函数内部变量的函数！！！
闭包由两部分组成——函数以及创建该函数的环境，结合代码解释如下：

function outerFn(){
  var a = 1;
  function innerFn(){
      console.log(a)
  }
  return innerFn 
}
var fnRef = outerFn()
fnRef();
//上述代码中：
1.闭包指的是能够读取outerFn函数内部变量a的函数innerFn
2.这个闭包有函数innerFn以及创建该函数的环境——定义在outerFn函数内的变量构成
3.通过全局变量或是父函数返回值的两种方法，可以实现在外部函数之外调用闭包，从而实现在外部函数之外引用外部函数内的变量

闭包的作用有很多，这里简单介绍3种：隔离作用域、做计数器和声明私有变量；

2.setTimeout 0 有什么作用

• setTimeout（func,miliseconds）的作用是延时指定的毫秒数再执行指定代码；
• setTimeout有最小的时间间隔（4ms-16ms），所以设置 setTimeout(func, 1)其实不会在1ms后执行，而是再最小间隔之后比如4ms之后；
• setTimeout(funct, 0)时，作用是让func在现有的任务（脚本的同步任务和“任务队列”中已有的事件）一结束就立刻执行。也就是说，setTimeout(func,0)的作用是，尽可能早地执行指定的任务

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

上述代码输出的是10，因为每次遍历时只是将函数赋给fnArr[i],遍历完成后此时i=10;
当调用fnArr[i]()时此时会返回i的当前值为10
//Method 1
var fnArr = [];
for (var i = 0; i < 10; i ++) {
  fnArr[i] =  (function(argus){
    return function(){
      return argus;
    }
  }(i));
}
console.log( fnArr[3]() ); 
console.log( fnArr[2]() ); 

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

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

var Car = (function(){
  return{
    speed: 0,
    setSpeed: function(v){
      v >= 0 ? this.speed = v : console.log('error');
    },
    getSpeed: function(){
      console.log(this.speed);
    },
    acclerate:　function(v){
      v >= 0 ?　this.speed += v : console.log('error'); 
    },
    decelerate: function(v){
      v >= 0 ?　this.speed -= v : console.log('error'); 
    },
    getStatus: function(){
      this.speed > 0 ? console.log('running'):console.log('stop');
    }
  }
}());

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

function hello(){
  console.log('hello world!')
};
setInterval(hello,1000)
//setTimeout模拟setInterval
function mockSetInterval(){
  setTimeout(function(){
    setTimeout(arguments.callee,1000);
    hello();
  },1000)
}

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

老师这道题不太懂，可是不写又不太好，
所以摘录了王欢同学的解答作为任务作业，
希望可以上课时讲讲，(＾－＾)V
function getMini(){
  var start = Date.now();
  var i = 0;
  var miniTime = 0;
  function func(){
    i++;
    if(i === 1000){
      clearTimeout(clock);
      var end = Date.now();
      console.log((end-start)/i+'ms');
    }
    clock = setTimeout(arguments.callee,0)
  }
  
  var clock = setTimeout(func,0)
}
getMini();

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

var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
1.初始变量a = 1，后面只声明不赋值变量a时，a的值将不变；
2.setTimeout()将在最后执行；
3.在执行上述代码的第2个console.log()时输出1；
4.执行第3个console.log()时a已经被赋值3，所以输出3；
5.最后回来执行setTimeout()，此时输出函数内部定义的变量a，输出值为2；

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

没有输出内容；
setTimeout(function(){flag = false;},0)表示将里面的function放到最后去执行；
所以上述代码可以写成：
var flag = true;
while(flag){}
console.log(flag);
setTimeout(function(){flag = false;},0)
因为flag一开始为true,所以会一直执行while循环，而不会执行下面的语句；

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

for(var i=0;i<5;i++){
    setTimeout(function(){
         console.log('delayer:' + i );
    }, 0);
    console.log(i);
}
上述代码执行顺序是：
先执行console.log(i),依次输出0,1,2,3,4
再执行5次延时函数，此时i = 5,所以依次输出5次delayer:5

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