问答
什么是闭包? 有什么作用?
- 闭包是指能够访问自由变量的函数(变量在本地使用，但在闭包中定义)。换句话说，定义在闭包中的函数可以“记忆”它被创建时候的环境。
- 闭包的作用：
- 为函数引用设置延时
- 通过对象实例方法关联函数
- 包装相关的功能
setTimeout 0 有什么作用?
- 实现javascript的异步；
alert(1);
setTimeout("alert(2)", 0);
alert(3);
//执行结果是1 3 2
- 在事件中，setTimeout会在其完成当前任何延宕事件的事件处理器的执行，以及完成文档当前状态更新后，告诉浏览器去启用 setTimeout 内注册的函数。
代码
下面的代码输出多少？修改代码让fnArri 输出 i。使用两种以上的方法:
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); //输出结果为10
// 欲达到输出每次的I则可以使用闭包处理如下：
(function(){
var fnArr = [];
for(var i=0;i<10;i++){
fnArr[i]=(function(num){
return function(){
return num;
};
})(i);
};
console.log(fnArr[4]());
}())
// 输出结果为4
(function(){
var fn1,fn2;
fn1=(function(num){
return function(){
return num++;
}
})(1);
fn2=(function(num){
return function(){
return num;
}
})(2);
console.log( fn1() );
console.log( fn2() );
}());
// 输出1,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
//代码如下：
var Car = (function(){
var val;
function setSpeed(num){
return val=num;
}
function getSpeed(){
return val;
}
function accelerate(){
return val +=10;
}
function decelerate(){
return val-=10;
}
function getStatus(){
if(val>0){
return "running";
}else{
return "stop";
}
} return{
setSpeed:setSpeed,
getSpeed:getSpeed,
accelerate:accelerate,
decelerate:decelerate,
getStatus:getStatus,
val:"error"
};
}());
//输出结果如下：
Car.setSpeed(30);
30
Car.getSpeed();
30
Car.accelerate();
40
Car.getSpeed();
40
Car.decelerate();
30
Car.decelerate();
20
Car.getSpeed();
20
Car.getStatus();
"running"
Car.decelerate();
10
Car.decelerate();
0
Car.getStatus();
"stop"
写一个函数使用setTimeout模拟setInterval的功能？
函数如下：
var i=0;
function intv(){
setTimeout(function(){
console.log(i++);
intv();},1000);
}
intv();
写一个函数，计算setTimeout平均[备注：新加]最小时间粒度
函数代码如下：
//如何获取最小时间粒度？
function getMini(){
var i=0;
var start = Date.now();//开始时间
var clock = setTimeout(
function (){
i++;
if (i ===1000){
clearTimeout(clock);
var end = Date.now;//结束时间
console.log((end-start)/i);//开始时间-结束时间之差除以i，得出每次执行的时间。
}
clock =setTimeout(arguments.callee,2);
},2)
}
getMini();
下面这段代码输出结果是? 为什么?
var a = 1;
setTimeout(function(){
a = 2;
console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
// 输出结果1 3 2 JavaScript中的代码都是依次执行的，但是setTimeout能够延缓其内部函数的执行，因此显示1 3 2.
下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
// 处于死循环while中，因此无法执行setTimeout函数，从而什么都不显示。
下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）
(function(){
var count =[];
for(var i=0;i<5;i++){
count[i]=(function(num){
return function(){
return 'delayer:' +num;
};
})(i);
};
console.log(count[0]());／／delayer:0
console.log(count[1]());／／delayer:１
console.log(count[2]());／／delayer:２
console.log(count[3]());／／delayer:３
console.log(count[4]());／／delayer:４
}())
