本教程版權歸小圓和饑人谷所有，轉載須說明來源
問題
- 什么是閉包? 有什么作用
閉包（closure）是指有權訪問另一個函數(shù)作用域中的變量的函數(shù)瓮下。創(chuàng)建閉包的常見方式翰铡，就是在一個函數(shù)內部創(chuàng)建另一個函數(shù)。
作用：閉包的最大用處有兩個讽坏，一個是可以讀取函數(shù)內部的變量锭魔，另一個就是讓這些變量始終保持在內存中，即閉包可以使得它誕生環(huán)境一直存在路呜。 -
setTimeout 0有什么作用
作用：將代碼的執(zhí)行順序移到最后迷捧，即當前代碼執(zhí)行完畢后立即執(zhí)行setTimeout里的代碼织咧。
代碼題
- 下面的代碼輸出多少？修改代碼讓
fnArr[i]()輸出 i漠秋。使用兩種以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); //輸出10
方法一：
var fnArr = [];
for (var i = 0; i < 10; i ++) {
(function (n) {
fnArr[i] = function(){
return n;
};
})(i);
}
console.log( fnArr[3]() ); //3
方法二：
var fnArr = [];
for (var i = 0; i < 10; i ++) {
(function () {
var s = i;
fnArr[i] = function(){
return s;
};
})();
}
console.log( fnArr[3]() ); //3
- 使用閉包封裝一個汽車對象笙蒙，可以通過如下方式獲取汽車狀態(tài)
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
回答：
function speedSetting() {
var speed;
function setSpeed(s) {
speed = s;
}
function getSpeed() {
console.log(speed);
}
function accelerate() {
speed += 10;
}
function decelerate() {
speed -= 10;
}
function getStatus() {
if (speed > 10) {
status = 'running';
} else {
status = 'stop';
}
console.log(status);
}
return {
setSpeed: setSpeed,
getSpeed: getSpeed,
accelerate: accelerate,
decelerate: decelerate,
getStatus: getStatus
};
}
var Car = speedSetting();
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
- 寫一個函數(shù)使用
setTimeout模擬setInterval的功能
回答：
var i = 0;
function simulateIntv() {
setTimeout(function(){
console.log(i++);
simulatorIntv();
},1000);
}
simulateIntv();
//雖然simulateIntv()能夠模仿setInterval的計時效果，但時間間隔要比setInterval的長庆锦。
- 寫一個函數(shù)捅位，計算
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);
}
clock = setTimeout(arguments.callee,0);
},0);
}
getMini(); //4.027
- 下面這段代碼輸出結果是? 為什么?
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的延遲時間為0，所以這段代碼被延遲到其他代碼執(zhí)行完畢后執(zhí)行肥荔，所以執(zhí)行順序為：
var a ; //變量提升
var a = 1;
console.log(a); //1
a = 3;
console.log(a); //3
setTimeout(function(){
a = 2;
console.log(a); //2
}, 0);
- 下面這段代碼輸出結果是? 為什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){};
console.log(flag);
輸出：沒有輸出
原因：由于setTimeout被放到執(zhí)行順序的最后绿渣，所以在當前所有代碼執(zhí)行完后才會執(zhí)行flag = false朝群；在這之前flag = true燕耿，當執(zhí)行到while時，代碼為空姜胖，執(zhí)行陷入死循環(huán)誉帅，即while的代碼一直處在未執(zhí)行完畢的狀態(tài)，所以后面的console.log(flag)和setTimeout都無法執(zhí)行右莱，最后沒有輸出蚜锨。
- 下面這段代碼輸出？如何輸出
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:5" "delayer:5" "delayer:5" "delayer:5" "delayer:5"
回答：
for(var i=0;i<5;i++){
(function (n) {
setTimeout(function(){
console.log('delayer:' + n );
}, 0);
})(i);
}
輸出：
"delayer:0" "delayer:1" "delayer:2" "delayer:3" "delayer:4"
