問答題
1、什么是閉包? 有什么作用节腐?
- 由于javascript中的作用域鏈特性外盯,內部函數(shù)可以調用所在外部函數(shù)的所有變量、聲明以及函數(shù)翼雀,但是外部函數(shù)不能調用內部函數(shù)的變量饱苟。因此通過調用內部函數(shù)的方法,獲得內部函數(shù)的變量狼渊,就會形成閉包箱熬。簡單地說,閉包就是一種溝通內部函數(shù)變量和外部函數(shù)的橋梁狈邑。
- 用處:1.讀取函數(shù)的內部變量城须。2.使得變量的值留存在內存中
2、setTimeout 0 有什么作用
- setTimeout 0可以使函數(shù)內部的代碼等待左右代碼執(zhí)行完成后再執(zhí)行米苹,起到一個異步執(zhí)行的作用糕伐。
代碼題
1、下面的代碼輸出多少蘸嘶?修改代碼讓fnArr[i]()輸出 i良瞧。使用兩種以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i; };
}
console.log( fnArr[3]() ); //輸出為 10
//方法1:
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(num){
return function(){
return num;
};
}(i);
}
console.log( fnArr[3]() );
//方法2:
var fnArr = [];
for (var i = 0; i < 10; i ++) {
(function(){
var n=i;
fnArr[n] = function(){
return n; };
})();
}
console.log( fnArr[3]() );
2、使用閉包封裝一個汽車對象训唱,可以通過如下方式獲取汽車狀態(tài)
function carSpeed(){
var speed=0;
return {
setSpeed : function(n){
return speed=n;
},
getSpeed : function(){
return speed;
},
accelerate:function(){
return speed+=10;
},
decelerate:function(){
return speed-=10;
},
getStatus:function(){
if (speed>0){
console.log("Running");
}else{
console.log("Stopped")
}
}
}
};
var Car=new carSpeed();
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
3褥蚯、寫一個函數(shù)使用setTimeout模擬setInterval的功能
var i=0;
function intv(){
setTimeout(function(){
console.log(i++);
intv();
},1000)
}
4、寫一個函數(shù)况增,計算setTimeout平均[備注:新加]最小時間粒度
var i=0;
function sTime(){
var a=Date.now();
var b=setTimeout(function ctime(){
i++;
if(i===1000){
clearTimeout(b);
var endTime=Date.now();
console.log((end-a)/i);
}
setTimeout(ctime,0);
},0);
}
sTime();
5赞庶、下面這段代碼輸出結果是? 為什么?
var a = 1;
setTimeout(function(){
a = 2;
console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
//輸出順序為 1 3 2 因為setTimeout函數(shù)是延時函數(shù) 會放在所有代碼最后執(zhí)行。
6澳骤、下面這段代碼輸出結果是? 為什么?
var flag = true; //flag默認為true
setTimeout(function(){ //延時函數(shù)放到最后執(zhí)行歧强,根據(jù)后面的代碼 不會執(zhí)行到這一步
flag = false;
},0)
while(flag){ //沒有執(zhí)行到延時函數(shù)因此flag一直為true 不會跳出循環(huán)
}
console.log(flag); // 無法跳出循環(huán) 因此不會執(zhí)行到這一步
7、下面這段代碼輸出宴凉?如何輸出delayer: 0, delayer:1...(使用閉包來實現(xiàn))
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
console.log(i);
}
//輸出:
0
1
2
3
4
delayer:4
//修改:
for(var i=0;i<5;i++){
(function(){
var n=i;
setTimeout(function(){
console.log('delayer:' + n );
}, 0);
console.log(n);
})();
}