什么是闭包? 有什么作用
在函数内有权限访问应用另一个函数内部的变量,那么这个内部函数可以称之为闭包。
作用:
- 能够访问另一个函数内部的局部变量
- 让这些变量的值始终保存在内存当中
setTimeout 0 有什么作用
相当于将此代码放在执行代码的末尾立即执行,所有的代码执行完毕后才立即执行此代码。
- 下面的代码输出多少?修改代码
让fnArr [i]()
输出 i。使用两种以上的方法
方法一:
var fnArr = [];
for (var i = 0; i < 10; i ++) {
(function(i){
fnArr[i] = function(){
return i;
};
} )(i);
}
console.log( fnArr[3]() );
方法二:
var fnArr = [];
for (var i = 0; i < 10; i ++) {
(function(){
var a = i; //取消参数,还是运用闭包将i赋值给a
fnArr[i] = function(){
return a;
};
} )();
}
console.log( fnArr[5]() );
- 使用闭包封装一个汽车对象,可以通过如下方式获取汽车状态
var Car = (function(){
var speed = 0 ;
function setSpeed(n){
speed = n ;
}
function getSpeed(){
console.log(speed) ;
}
function accelerate(){
speed += 10 ;
}
function decelerate(){
speed -= 10 ;
}
function getStatus(){
if(speed>0){
console.log('running');
}
if(speed===0){
console.log('stop');
}
}
return {
setSpeed:setSpeed,
getSpeed:getSpeed,
accelerate:accelerate,
decelerate:decelerate,
getStatus:getStatus,
};
})();
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.peed; //error
- 写一个函数使用setTimeout模拟setInterval的功能
var a= 0;
function intv(){
setTimeout(function (){
console.log(a++);
intv(); //在子函数内调用父函数形成循环
},1000); //1秒后执行
}
intv(); //执行父函数
- 写一个函数,计算setTimeout最小时间粒度
function num(){
var i =0;
var start= Date.now(); //获取当前时间毫秒赋值为start
var clock = setTimeout(function(){ //为匿名函数设置定时器立即执行
i++; //i每次+1
if(i === 1000){ //条件为i执行1000次
clearTimeout(clock); //则取消定时器
var end = Date.now(); //获取执行后时间毫秒赋值为end
console.log((end-start)/i); //执行后时间-执行前时间再除以次数输出结果
} else{
clock = setTimeout(arguments.callee,0) //不到1000次再次执行此匿名函数
}
},0)
}
num();
- 下面这段代码输出结果是? 为什么?
var a = 1;
setTimeout(function(){
a = 2;
console.log(a);
}, 0); //这里使用setTimeout 0,此代码最后执行,所以最后输出2
var a ;
console.log(a); //输出为1
a = 3;
console.log(a); //输出为3
输出结果为:
1
3
2
- 下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0) //此代码放置最后
while(flag){} //flag为true,代码在这里陷入无限循环
console.log(flag);
输出结果为:
空,陷入无限循环中
- 下面这段代码输出?如何输出delayer: 0, delayer:1...(使用闭包来实现)
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0); //此代码放置最后执行,i已变为5,输出delayer:5;
console.log(i); //循环输出 0,1,2 ,3 ,4
}
for(var i=0;i<5;i++){
(function(i){
function set(i){
console.log('delayer:' + i );
}
return set(i);
})(i);
}
结果为:
"delayer:0"
"delayer:1"
"delayer:2"
"delayer:3"
"delayer:4"
- 本博客版权归羞涩的涩和饥人谷所有,转载请注明出处