来来来，谈谈闭包和计时器
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);
}
code
for(var i=0;i<5;i++){
(function(){
var n =i ;
setTimeout(function(){
console.log('delayer:' + n );
}, 0);
console.log(n);})(i)
}
版权归饥人谷peter和饥人谷所有，若有转载，请注明来源
感谢瓜子观众：
网友评论