什么是閉包? 有什么作用
在函數(shù)內(nèi)有權(quán)限訪問(wèn)應(yīng)用另一個(gè)函數(shù)內(nèi)部的變量,那么這個(gè)內(nèi)部函數(shù)可以稱(chēng)之為閉包瞄桨。
作用:
- 能夠訪問(wèn)另一個(gè)函數(shù)內(nèi)部的局部變量
- 讓這些變量的值始終保存在內(nèi)存當(dāng)中
setTimeout 0 有什么作用
相當(dāng)于將此代碼放在執(zhí)行代碼的末尾立即執(zhí)行,所有的代碼執(zhí)行完畢后才立即執(zhí)行此代碼宁玫。
- 下面的代碼輸出多少固惯?修改代碼
讓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; //取消參數(shù)洛心,還是運(yùn)用閉包將i賦值給a
fnArr[i] = function(){
return a;
};
} )();
}
console.log( fnArr[5]() );
- 使用閉包封裝一個(gè)汽車(chē)對(duì)象固耘,可以通過(guò)如下方式獲取汽車(chē)狀態(tài)
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
- 寫(xiě)一個(gè)函數(shù)使用setTimeout模擬setInterval的功能
var a= 0;
function intv(){
setTimeout(function (){
console.log(a++);
intv(); //在子函數(shù)內(nèi)調(diào)用父函數(shù)形成循環(huán)
},1000); //1秒后執(zhí)行
}
intv(); //執(zhí)行父函數(shù)
- 寫(xiě)一個(gè)函數(shù),計(jì)算setTimeout最小時(shí)間粒度
function num(){
var i =0;
var start= Date.now(); //獲取當(dāng)前時(shí)間毫秒賦值為start
var clock = setTimeout(function(){ //為匿名函數(shù)設(shè)置定時(shí)器立即執(zhí)行
i++; //i每次+1
if(i === 1000){ //條件為i執(zhí)行1000次
clearTimeout(clock); //則取消定時(shí)器
var end = Date.now(); //獲取執(zhí)行后時(shí)間毫秒賦值為end
console.log((end-start)/i); //執(zhí)行后時(shí)間-執(zhí)行前時(shí)間再除以次數(shù)輸出結(jié)果
} else{
clock = setTimeout(arguments.callee,0) //不到1000次再次執(zhí)行此匿名函數(shù)
}
},0)
}
num();
- 下面這段代碼輸出結(jié)果是? 為什么?
var a = 1;
setTimeout(function(){
a = 2;
console.log(a);
}, 0); //這里使用setTimeout 0,此代碼最后執(zhí)行,所以最后輸出2
var a ;
console.log(a); //輸出為1
a = 3;
console.log(a); //輸出為3
輸出結(jié)果為:
1
3
2
- 下面這段代碼輸出結(jié)果是? 為什么?
var flag = true;
setTimeout(function(){
flag = false;
},0) //此代碼放置最后
while(flag){} //flag為true词身,代碼在這里陷入無(wú)限循環(huán)
console.log(flag);
輸出結(jié)果為:
空厅目,陷入無(wú)限循環(huán)中
- 下面這段代碼輸出?如何輸出delayer: 0, delayer:1...(使用閉包來(lái)實(shí)現(xiàn))
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0); //此代碼放置最后執(zhí)行,i已變?yōu)?损敷,輸出delayer:5葫笼;
console.log(i); //循環(huán)輸出 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);
}
結(jié)果為:
"delayer:0"
"delayer:1"
"delayer:2"
"delayer:3"
"delayer:4"
- 本博客版權(quán)歸羞澀的澀和饑人谷所有瘟忱,轉(zhuǎn)載請(qǐng)注明出處