问答
1.什么是闭包? 有什么作用？
闭包 简而言之 就是让函数外部可以访问函数内的局部变量,就是将函数内部和函数外部连接起来的一座桥梁
作用：
1.通过闭包可以读取函数内部的变量 （代码题2）
2.另一个就是让这些变量的值始终保持在内存中（代码题1）
2.setTimeout 0 有什么作用?
setTimeout 0 的作用是等到所有代码执行后再执行
代码题：
- 下面的代码输出多少？修改代码让fnArri 输出 i。使用两种以上的方法
下面的代码输出多少？修改代码让fnArr[i]() 输出 i。使用两种以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i; //由于每一个数组元素的值都是这个函数 而函数返回值i的作用域是全局的 所以每次执行返回都是10
};
}
console.log( fnArr[3]() );
//第一种方法 使用闭包
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(num){
return function(){
return num;
};
}(i);
}
console.log( fnArr[3]() );
// 第二种方法 使用数组的属性存储
var fnArr=[]
for (var i=0;i<10;i++){
fnArr[i]=function(){
return arguments.callee.idx;
}
fnArr[i].idx=i;
}
- 使用闭包封装一个汽车对象，可以通过如下方式获取汽车状态
var Car=(function (){
var speed=0;
function getSpeed(){
return speed;
}
function accelarate(){
speed+=10;
}
function decelarate(){
speed=(speed=speed-10)>=0?speed:0;
}
function getStatus(){
return speed>0?"running":"stop";
}
return {
"getSpeed":getSpeed,
"accelarate":accelarate,
"decelarate":decelarate,
"getStatus":getStatus
}
})();
- 写一个函数使用setTimeout模拟setInterval的功能
//模拟 setInterval
var setInter=function(fn,time){
setTimeout(function(){
if(clearInter&&!clearInter.stop){
fn(fn.arguments);
setTimeout(arguments.callee,time)
}
},time)
}
//模拟 clearInterval
function clearInter(){
arguments.callee.stop=true;
}
setInter(function(){
console.log(1);
},1000)
- 写一个函数，计算setTimeout最小时间粒度
function getMin(){
var i=0;
var start=new Date();
var clock=setTimeout(function fn(){
i++;
if(i==1000){
clearTimeout(clock);
console.log((new Date()-start)/1000);
}
clock=setTimeout(arguments.callee,0);
},0)
}
- 下面这段代码输出结果是? 为什么?
//下面这段代码输出结果是? 为什么? 输出 1,3,2 由于setTimeout延时函数使得a=2 放在最后执行
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){} //由于setTimeout延后执行 使得setTimeout中的函数执行顺序放在最后面
//,导致flag=true 代码在这里一直死循环
console.log(flag);
- 下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i ); // 由于setTimeout延后执行 一直输出 "delayer：5"
}, 0);
console.log(i);
}
//使用闭包实现
for(var i=0;i<5;i++){
fn=(function(num){
return function(){
console.log('delayer:'+num) ;
}
})(i);
setTimeout(fn,100);
console.log(i);
}
本教程版权归小韩同学和饥人谷所有，转载须说明来源
