闭包、定时器

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

1.变量的作用域
  要理解闭包,首先必须理解JavaScript的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。在JavaScript中函数可以直接读取外部的全局变量。

var a="你好";
function fun1(){
  alert(a);
}
fun1();//输出"你好"

另一方面在函数外部,无法读取函数内部的变量。

function fun2(){
  var a="你好";
}
alert(a);//浏览器提示错误,VM55:4 Uncaught ReferenceError: a is not defined(…)

这里有一个问题需要注意,函数内部声明变量的时候,一定要使用var声明,如果不使用var声明,实际上是一个全局变量。

function fun2(){
  a="你好";
}
fun2();
alert(a);//"你好"

2.如何从外部读取局部变量
  当我们需要获取到函数内部的变量的时候,我们就需要在函数的内部在定义一个函数。

function fun1(){
  var a="你好";
  function fun2(){
    alert(a);//"你好"
  }
  return fun2();
}
fun1();

在上面的代码中，函数fun2就被包括在函数fun1内部，这时fun1内部的所有局部变量，对fun2都是可见的。但是反过来就不行，fun2内部的局部变量，对fun1就是不可见的。这就是Javascript语言特有的"作用域链"结构（chain scope），子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。
  既然fun2可以读取fun1中的局部变量,那么只要把fun2做为返回值就可以获取到fun1中的变量了。那么函数fun2就可以成为闭包了。

3.闭包的概念
  由于在Javascript中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

4.闭包的作用
  闭包可以用在许多地方。它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。

5.使用闭包的注意事项
  由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。

二、setTimeout 0 有什么作用

1.setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
2.setTimeout(f,0)的作用就是为了把f放到运行队列的最后去执行。也就是说，无论setTimeout(f,0)写在哪，当之前的函数执行完之后,f可以在最后立即执行。

示例

如上图代码所示,当1和3输出之后,立即执行的是2。

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

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

1.输出的结果为10

结果

  我们可以先分析一下为什么输出的结果为10:

示例

  如上图所示,for循环内的函数可以写成下面一种形式,因为return返回的是遍历数组后的最后一个值10,所以最后的结果都是10。

2.方法一:赋值给立即执行函数，外部需要传递参数。

方法一

3.方法二:赋值给立即执行函数，声明一个临时变量存储i的值，外部不需要传参。

方法二

4.方法三:把它绑定在函数上，作为函数的一部分，不需要通过闭包，得到函数就能得到值。

方法三

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

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

方法

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

方法

1.setTimeout为延时性定时器,可以设置多长时间之后执行代码（只执行一次）。
2.setInterval为间隔性定时器，可以设置每隔多久执行一次代码（执行多次）。

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

方法

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

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){}
console.log(flag);

结果

原因:以上代码没有输出，因为setTimeout(f,0)会让其包含的代码在其它代码执行完后才能执行；当执行完第一行代码后直接跳到while语句，而while语句中的判断条件为真，将会一直执行，进入死循环，所有没有输出。

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

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

1.方法一:利用函数f()嵌套,形成闭包,输出delayer+i的值。

方法一

2.方法二:

方法二