Q&A
1. 什么是閉包? 有什么作用
閉包是指在 JavaScript 中，內部函數總是可以訪問其所在的外部函數中聲明的參數和變量，即使在其外部函數被返回（壽命終結）了之后。
<script>
function adder(x) {
return funtion(y) {
return x + y;
}
}
var add5 = adder(5),
add7 = adder(7);
console.log(add5(6));
console.log(add7(8));
</script>
閉包
在這個示例中，我們定義了 adder(x)函數：帶有一個參數 x并返回一個新的函數。返回的函數帶有一個參數 y，并返回 x和 y的和。
從本質上講，adder是一個函數工廠 — 創建將指定的值和它的參數求和的函數，在上面的示例中，我們使用函數工廠創建了兩個新函數 — 一個將其參數和 6 求和，另一個和 8 求和。add5和 add7都是閉包。它們共享相同的函數定義，但是保存了不同的環境。在 add5的環境中，x為 5。而在 add7中，x則為 7。
我的理解是，閉包就是一個橋梁，能夠讓操作在函數作用域外訪問函數的變量；閉包的環境是和閉包共存的，所以只要環境里的變量沒有清除（即閉包還有作用的話），那么閉包和環境就不會被當做垃圾處理，換句話說，就是閉包具有記憶功能。
2. setTimeout 0 有什么作用
-
setTimeout(code,millisec)：函數用來指定某個函數或某段代碼，在多少毫秒之后執行。它返回一個整數，表示定時器的編號，以后可以用來取消這個定時器。
setTimeout() 只執行 code 一次。如果要多次調用，請使用 setInterval() 或者讓 code 自身再次調用 setTimeout()。
<script>
console.log(1);
setTimeout('console.log(2)',1000);
console.log(3);
</script>
setTimeout
需要注意的是，推遲執行的代碼必須以字符串的形式，放入setTimeout
，因為引擎內部使用eval函數，將字符串轉為代碼。如果推遲執行的是函數，則可以直接將函數名，放入setTimeout。一方面eval函數有安全顧慮，另一方面為了便于JavaScript引擎優化代碼，setTimeout方法一般總是采用函數名的形式，就像下面這樣。
<script>
function f() {
console.log(2);
}
setTimeout(f,1000);
// 或者
setTimeout(function (){console.log(2)},1000);
</script>
如果省略setTimeout的第二個參數，則該參數默認為0。
除了前兩個參數，setTimeout還允許添加更多的參數。它們將被傳入推遲執行的函數（回調函數）。
<script>
setTimeout(function(a,b){
console.log(a+b);
},1000,1,1);
</script>
setTimeout多個參數
- setTimeout（func, 0）是將setTimeout置于javascript代碼最后端立即執行。
圖例
必須要等到當前腳本的同步任務和“任務隊列”中已有的事件，全部處理完以后，才會執行setTimeout指定的任務。也就是說，setTimeout的真正作用是，在“消息隊列”的現有消息的后面再添加一個消息，規定在指定時間執行某段代碼。
setTimeout(f, 0)將第二個參數設為0，作用是讓f在現有的任務（腳本的同步任務和“消息隊列”指定的任務）一結束就立刻執行。也就是說，setTimeout(f, 0)的作用是，盡可能早地執行指定的任務。而并不是會立刻就執行這個任務。
代碼
1. 下面的代碼輸出多少？修改代碼讓fnArri 輸出 i。使用兩種以上的方法
<script>
// 法 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(n) {
fnArr[i] = function () {
return n;
}
})(i);
}
console.log(fnArr[3]());
</script>
2. 使用閉包封裝一個汽車對象，可以通過如下方式獲取汽車狀態
<script>
function myCar() {
var speed;
function setSpeedFunc(num) {
speed = num;
}
function getSpeedFunc() {
console.log(speed);
}
function accelerateFunc() {
speed += 10;
}
function decelerateFunc() {
speed -= 10;
}
function getStatusFunc() {
if(speed > 0) {
return console.log('running');
} else {
return console.log('stop');
}
}
return {
setSpeed:setSpeedFunc,
getSpeed:getSpeedFunc,
accelerate:accelerateFunc,
decelerate:decelerateFunc,
getStatus:getStatusFunc
};
}
var Car = myCar();
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
</script>
代碼2
3. 寫一個函數使用setTimeout模擬setInterval的功能
<script>
//法 1：
var n = 0;
setTimeout(function(){
console.log(n++);
setTimeout(arguments.callee,1000);
},1000);
//法 2：
function func() {
setTimeout(function(){
console.log(n++);
func();
},1000);
}
</script>
代碼3
4. 寫一個函數，計算setTimeout平均最小時間粒度
<script>
function timeGranularity() {
var a = 0;
var start = Date.now();
var timeIndex = setTimeout(function() {
a++;
if(a < 1000) {
setTimeout(arguments.callee,0);
} else {
clearTimeout(timeIndex);
var end = Date.now();
console.log((end - start)/a);
}
},0)
}
timeGranularity();
</script>
代碼4
5. 下面這段代碼輸出結果是? 為什么?
<script>
var a = 1;
setTimeout(function(){
a = 2;
console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
</script>
代碼5
原因：setTimeout設置為0秒，放在代碼最后執行。
6. 下面這段代碼輸出結果是? 為什么?
<script>
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
</script>
無顯示，因為while判斷是否為真，如果為真不執行語句，但是也不跳出循環，setTimeout設置0延遲，所以放在代碼最后執行，所以flag一直為true，死循環。
7. 下面這段代碼輸出？如何輸出delayer: 0, delayer:1...（使用閉包來實現）
<script>
for(var i = 0; i < 5; i++) {
setTimeout(function(){
console.log('delayer:' + i);
},0)
console.log(i);
}
</script>
代碼7
<script>
for(var i = 0; i < 5; i++) {
(function fn(n) {
setTimeout(function(){
console.log('delayer:' + n);
},0)
})(i);
console.log(i);
}
</script>
代碼7
本文歸本人和饑人谷所有，如需轉載請注明出處，謝謝
