問答題

1、什么是閉包? 有什么作用？

• 由于javascript中的作用域鏈特性，內部函數可以調用所在外部函數的所有變量、聲明以及函數，但是外部函數不能調用內部函數的變量。因此通過調用內部函數的方法，獲得內部函數的變量，就會形成閉包。簡單地說，閉包就是一種溝通內部函數變量和外部函數的橋梁。
• 用處：1.讀取函數的內部變量。2.使得變量的值留存在內存中

2、setTimeout 0 有什么作用

• setTimeout 0可以使函數內部的代碼等待左右代碼執行完成后再執行，起到一個異步執行的作用。

代碼題

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、使用閉包封裝一個汽車對象，可以通過如下方式獲取汽車狀態

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、寫一個函數使用setTimeout模擬setInterval的功能

var i=0;
function intv(){
    setTimeout(function(){
        console.log(i++);
            intv();
    },1000)
}

4、寫一個函數，計算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函數是延時函數 會放在所有代碼最后執行。

6、下面這段代碼輸出結果是? 為什么?

var flag = true;   //flag默認為true
setTimeout(function(){     //延時函數放到最后執行，根據后面的代碼 不會執行到這一步
    flag = false;
},0)
while(flag){                 //沒有執行到延時函數因此flag一直為true 不會跳出循環
}
console.log(flag);   // 無法跳出循環 因此不會執行到這一步

7、下面這段代碼輸出？如何輸出delayer: 0, delayer:1...（使用閉包來實現）

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);
      })();
}