日夜谈——定时器和闭包

来来来，谈谈闭包和计时器

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

<li>闭包是指有权访问其他函数作用域中的变量的函数。
<li>详细解释：就是在一个函数中，父函数return出另一个子函数，并将子函数赋值给一个外部变量，使得此变量能够访问函数内部的值和变量，使得函数的内存不能释放，因此生成一个闭包。

For example：

闭包.png

上面例子c作为一个外部函数，能够访问fn1和fn2的变量和值，因此这个c就是闭包！！！

<li>作用:</br>
1.可以访问函数内部的变量和修改。</br>
2.让函数内部的变量始终保存在内存中，不会因为函数执行完毕就销毁。

<li>闭包的特点?
闭包的特点很鲜明，闭包内，变量无法释放，无法被直接访问；闭包可以被延迟执行。

<li>闭包的使用场景？
场景一：采用函数引用方式的setTimeout调用.
场景二：将函数关联到对象的实例方法.
场景三：封装相关的功能集

参考资料：<a href ="http://blog.csdn.net/yanghua_kobe/article/details/6780181">闭包使用场景</a>

2. setTimeout 0 有什么作用？

<li>setTimeout(func,ms)的作用是延迟指定毫秒数去执行此函数。
<li>setTimeout有最小时间间隔（4ms-16ms），因此即使你设置setTimeout(func,1)也不会在一毫秒之后执行，而是在最小时间间隔之后执行，比如4毫秒之后。
<li>setTimeout(func,0)的意思是，作用是让f在现有的任务（脚本的同步任务和“消息队列”指定的任务）一结束就立刻执行。简单来说：就是当所有任务执行完成之后，马上执行此函数。

3.代码

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

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

code1:

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

code2:

    var fnArr = [];
    for (var i = 0; i < 10; i ++) {
        fnArr[i] =  (function(){
            var n =i;
            return function(){
            return n;
            }
        })();
    }
     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

code

    var Car = (function car(){
        var speed = 0;
        function setSpeed(n){
            speed = n;
        }
        function getSpeed(){
            console.log(speed);
        }
        function accelerate(){
            speed = speed + 10;
        }
        function decelerate(){
            speed = speed - 10;
        }
        function getStatus(){
            if(speed > 0){
                return 'running';
            }
            if(speed = 0){
                return 'stop';
            }
        }
        return {
            'setSpeed':setSpeed,
            'getSpeed':getSpeed,
            'accelerate':accelerate,
            'decelerate':decelerate,
            'getStatus':getStatus,
            'speed':'error'
        }
    })();

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

code

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

写一个函数，计算setTimeout平均最小时间粒度

function getMini(){
    var i = 0;
    var start = Date.now();
    var time  = setTimeout(function (){
        i++;
        if(i === 1000){
            clearTimeout(time);
            var end = Date.now();
            console.log((end-start)/i);
        }
        time = setTimeout(arguments.callee,0);
    } ,0)
}
getMini()

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

var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);

变形得：

var a = 1;
var a ;
console.log(a);
a = 3;
console.log(a);
setTimeout(function(){
    a = 2;
    console.log(a);
}, 0);

答：执行结果按顺序排列，分别是1,3,2。
解释：因为setTimeout是指所有任务执行完毕后，延迟执行多少毫秒执行函数，因此setTimeout是最后执行，如上面的代码，首先定义变量a=1，因此第一个console.log(a)为1，之后将3赋给变量a，因此第二个console.log(a)为3，最后执行setTimeout，里面的匿名函数将2赋值给a，因此第三个console.log输出是2.

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

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

变形得

var flag = true; // 把布尔值true赋值给变量flag；
while(flag){} //当flag为true时执行while循环，但是while循环是个死循环，所以后面代码全部不会执行;
console.log(flag);
setTimeout(function(){
    flag = false;
},0)

因此没有输出。

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

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