1.什么是閉包? 有什么作用
函數(shù)的作用域scope取決于聲明時(shí)抚恒，而非調(diào)用時(shí)赫编。普通函數(shù)執(zhí)行后函數(shù)體及內(nèi)部變量會(huì)被垃圾清理機(jī)制回收巡蘸，構(gòu)建閉包c(diǎn)losure能讓函數(shù)內(nèi)部的變量駐留在內(nèi)存中并被外部引用。閉包可以理解為保留函數(shù)聲明時(shí)內(nèi)部變量作用域&函數(shù)體構(gòu)成的一個(gè)環(huán)境擂送，通過(guò)這個(gè)環(huán)境能讀取函數(shù)內(nèi)部的變量悦荒。嵌套函數(shù)中子函數(shù)返回構(gòu)成閉包時(shí)，返回的內(nèi)容包括該函數(shù)生成時(shí)的變量作用域關(guān)系嘹吨，即環(huán)境變量+函數(shù)搬味。
閉包有兩個(gè)基本特征：1.父函數(shù)嵌套子函數(shù)，返回子函數(shù)執(zhí)行結(jié)果蟀拷。2.父函數(shù)作用域的變量被子函數(shù)引用著碰纬。
閉包的實(shí)際作用：1.讀取函數(shù)內(nèi)部的變量；2.內(nèi)存不被釋放问芬，讓變量的值始終保持在內(nèi)存中（但使用不當(dāng)會(huì)引起內(nèi)存泄漏消耗過(guò)多內(nèi)存資源）悦析。
閉包的應(yīng)用場(chǎng)景：1.聲明私有變量。2.隔離作用域此衅。3.構(gòu)建計(jì)數(shù)器强戴。
經(jīng)典錯(cuò)誤案例
var count = []
for (var i = 0; i < 10; i++) {
count[i] = function() {
return i
}
}
console.log(count[0]()) //10
console.log(count[1]()) //10
console.log(count[2]()) //10
console.log(count[3]()) //10
以上代碼count[n]()每次執(zhí)行都返回結(jié)果10。實(shí)際預(yù)期是count[n]() 返回結(jié)果n挡鞍。每次返回10的原因是for循環(huán)運(yùn)行后count[i]數(shù)組中的每個(gè)成員實(shí)際是一個(gè)匿名函數(shù)function(){return i},for循環(huán)執(zhí)行完后i變?yōu)?0骑歹，所以執(zhí)行count[n]()實(shí)際上是執(zhí)行數(shù)組成員中的匿名函數(shù)即(function(){return i}())，i的值已變?yōu)?0所以每次執(zhí)行結(jié)果為10匕累。
改進(jìn)代碼后如下：
var count=[];
for(var i=0;i<10;i++){
count[i]=(function t1(){
var n=i
return function t2(){
return n;
}
}())
}
console.log(count[0]()) //0
console.log(count[1]()) //1
console.log(count[2]()) //2
console.log(count[3]()) //3
count[i]數(shù)組的成員變成了10個(gè)陵刹，由立即執(zhí)行函數(shù)t1即(function t1(){}())的執(zhí)行結(jié)果function t2(){return n}默伍，這里n是由i賦值得來(lái)欢嘿，當(dāng)i循環(huán)遞增時(shí)n隨之改變，由于子函數(shù)t2中變量n始終從父函數(shù)t1的作用域上尋找也糊，所以n始終被保留在內(nèi)存中炼蹦，每次i循環(huán)遞增n就賦值并保留下來(lái)。當(dāng)執(zhí)行count[n]()即執(zhí)行(function t2(){return n}())
2.setTimeout 0 有什么作用
var timerId = setTimeout(func|code, delay)
delay參數(shù)用來(lái)指定在當(dāng)前JS隊(duì)列中的任務(wù)執(zhí)行完后狸剃，延遲多長(zhǎng)時(shí)間將函數(shù)/代碼段添加到任務(wù)隊(duì)列尾部并執(zhí)行掐隐。
以下代碼運(yùn)行后返回一個(gè)整數(shù)，表示定時(shí)器的編號(hào)，可以用于取消這個(gè)定時(shí)器虑省。但實(shí)際任務(wù)中匿刮，很少這么用。運(yùn)行clock01返回整數(shù)表示定時(shí)器編號(hào)探颈。
var clock01=setTimeout(function(){var ccc=10},5000)
setTimeout(function(){},0)表示指定的任務(wù)在現(xiàn)有的任務(wù)隊(duì)列執(zhí)行完畢之后添加并立即執(zhí)行熟丸。
3.下面的代碼輸出多少？修改代碼讓fnArri 輸出 i伪节。使用兩種以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); //
代碼如下：
方法一：
var fnArr=[];
for (var i=0;i<10;i++){
fnArr[i]=(function() t1{
var n=i; //t1函數(shù)立即執(zhí)行光羞，不指定傳入?yún)?shù)，在父函數(shù)t1中聲明變量n怀大，n由i賦值纱兑，t1執(zhí)行返回函數(shù)t2
return function() t2{
return n //t2函數(shù)執(zhí)行返回n，每次i改變后n會(huì)保留下來(lái)
}
}())
}
方法二：
var fnArr=[];
for (var i=0;i<10;i++){
fnArr[i]=(function t1(n){ //這里參數(shù)n=i化借，相當(dāng)于var n=i
return function t2(){
return n //返回變量n,在父函數(shù)t1的作用域中找到n
}
}(i)) //函數(shù)立即執(zhí)行時(shí)傳入?yún)?shù)i
}
4.使用閉包封裝一個(gè)汽車(chē)對(duì)象潜慎，可以通過(guò)如下方式獲取汽車(chē)狀態(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
代碼如下：
var Car=(function t1(){
var Speed=0;
function setSpeed(n){
Speed=n;
return Speed;
}
function getSpeed(){
console.log(Speed)
return Speed;
}
function accelerate(){
Speed+=10;
return Speed;
}
function decelerate(){
Speed-=10;
return Speed;
}
function getStatus(){
if(Speed>0){
console.log("running");
} else if(Speed===0){
console.log("stop");
}
}
function error(){
console.log("error:");
}
return {
"setSpeed":setSpeed,
"getSpeed":getSpeed,
"accelerate":accelerate,
"decelerate":decelerate,
"getStatus":getStatus,
"speed":error()
}
}())
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
5.寫(xiě)一個(gè)函數(shù)使用setTimeout模擬setInterval的功能
var i=0; //聲明初始值由0開(kāi)始
(function intv(){
setTimeout(function(){//setTimeout(函數(shù),時(shí)間間隔)
console.log(i++)
intv();//由于setTimeout只執(zhí)行一次，所以用遞歸調(diào)用自身做循環(huán)
},1000)
})()
6.寫(xiě)一個(gè)函數(shù)蓖康，計(jì)算setTimeout平均最小時(shí)間粒度
function mintime(){
var i=0;
var starttime=Date.now();
var timer=setTimeout(function t1(){
i++;
if(i===1000){
clearTimeout(timer);
var endtime=Date.now();
console.log((endtime-starttime)/i)
} else{
timer=setTimeout(t1.arguments.callee,0);
}
},0)
}
mintime();
7.下面這段代碼輸出結(jié)果是? 為什么?
var a = 1;
setTimeout(function(){
a = 2;
console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
setTimeout會(huì)將其參數(shù)1中的函數(shù)或代碼段在JS任務(wù)隊(duì)列中的當(dāng)前任務(wù)執(zhí)行完后勘纯，延遲指定的時(shí)間放入隊(duì)列尾部執(zhí)行。
以上分析執(zhí)行過(guò)程為
var a=1;
var a;
console.log(a); //返回1
a=3;
console.log(a); //返回3
setTimeout(function(){
a=2;
console.log(a); //放回2
},0)
8.下面這段代碼輸出結(jié)果是? 為什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
以上代碼分析如下：
var flag=true;
while(flag){}//while循環(huán)條件成立钓瞭，由于沒(méi)有break/continue會(huì)一直執(zhí)行
console.log(flag);
setTimeout(function(){//待當(dāng)前隊(duì)列中所有任務(wù)執(zhí)行完后驳遵，延遲0毫秒將函數(shù)放入隊(duì)列尾部執(zhí)行
flag=false;
},0)
實(shí)際執(zhí)行結(jié)果是不顯示任何內(nèi)容，while循環(huán)條件成立沒(méi)有break/continue終止山涡，會(huì)一直執(zhí)行循環(huán)堤结，后面的console.log無(wú)法執(zhí)行
9.下面這段代碼輸出？如何輸出delayer: 0, delayer:1...（使用閉包來(lái)實(shí)現(xiàn)）
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
console.log(i);
}
實(shí)現(xiàn)如下：
//方法一
for(var i=0;i<5;i++){
setTimeout((function t1() {
var m=i; //父函數(shù)t1下聲明變量m鸭丛，m的值由for循環(huán)中的作用域變量i賦值得來(lái)竞穷，m保留每次i遞增后的值
return function t2() {
console.log('delayer:' + m )
}
}()),0);
console.log(i);
}
//方法二：寫(xiě)法與方法一類(lèi)似，只不過(guò)t1()立即執(zhí)行函數(shù)執(zhí)行時(shí)傳入實(shí)際參數(shù)i賦值給t1定義的形式參數(shù)m
for(var i=0;i<5;i++){
setTimeout((function t1(m){//定義函數(shù)t1形式參數(shù)m鳞溉，m由t1函數(shù)立即執(zhí)行時(shí)傳入的實(shí)際參數(shù)i賦值得來(lái)瘾带，相當(dāng)于在t1函數(shù)中var m=i;
return function t2(){
console.log('delayer:' + m )
}
}(i)),0);//t1函數(shù)立即執(zhí)行時(shí)傳入實(shí)際參數(shù)i
console.log(i);
}
//方法三：父函數(shù)t1是立即執(zhí)行函數(shù)，t1下聲明變量m熟菲，m的值由for循環(huán)的作用域變量i賦值得來(lái)看政。m保留每次i遞增后的值
for(var i=0;i<5;i++){
(function t1(){
var m=i
return (setTimeout(function t2(){
console.log('delayer:'+m)
},0))
}())
console.log(i)
}
//方法四：
for(var i=0;i<5;i++){
(function t1(m){//父函數(shù)t1定義形式參數(shù)m，m的值有t1函數(shù)立即執(zhí)行時(shí)傳入的實(shí)際參數(shù)i賦值得來(lái)抄罕，相當(dāng)于在t1函數(shù)中var m=i
return setTimeout(function t2(){
console.log('delayer:'+m)
},0)
}(i)) //t1立即執(zhí)行函數(shù)傳入實(shí)際參數(shù)i
console.log(i)
}
