什么閉包,閉包有什么用?
http://js.jirengu.com/pogadikofa/1/
閉包是在某個作用域內(nèi)定義的函數(shù)挡鞍，它可以訪問這個作用域內(nèi)的所有變量骑歹。閉包作用域鏈通常包括三個部分：

函數(shù)本身作用域预烙。
閉包定義時的作用域。
全局作用域道媚。
閉包常見用途：

創(chuàng)建特權(quán)方法用于訪問控制
事件處理程序及回調(diào)

1: 下面的代碼輸出多少扁掸？修改代碼讓 fnArri 輸出 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(i){
        fnArr[i] = function(){
            return i;
        }
    })(i);
}
console.log( fnArr[3]() );  //3
//方法二
var fnArr = [];
for (var i = 0; i < 10; i ++) {
    fnArr[i] =  (function(i){ //IIFE & 閉包
        return function(){
            return i;
        }
    })(i);
}
console.log( fnArr[3]() );  //3
//方法三 ES6
var fnArr = [];
for (let i = 0; i < 10; i ++) { //使用ES6： let
    fnArr[i] =  function(){
        return i;
    };
}
console.log( fnArr[3]() );

2最域、封裝一個汽車對象谴分，可以通過如下方式獲取汽車狀態(tài)

var Car = (function(){
   var speed = 0;
   function setSpeed(s){
       speed = s
   }
   ...
   return {
      setSpeed: setSpeed,
      ...
   }
})()
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 () {
    let speed = 0;
    function setSpeed(s){
        return speed = s;
    }
    function getSpeed(){
        return speed;
    }
    function accelerate(){
        return speed+=10;
    }
    function decelerate(){ //速度不能為負數(shù)
        return speed>0?speed-=10:speed;
    }
    function getStatus(){
        return speed>0?'running':'stop';
    }
    return {
        "setSpeed"   : setSpeed,
        "getSpeed"   : getSpeed,
        "accelerate" : accelerate,
        "decelerate" : decelerate,
        "getStatus"  : getStatus
    }
})();

3、下面這段代碼輸出镀脂？如何輸出delayer: 0, delayer:1...

for(var i=0;i<5;i++){
    setTimeout(function(){
         console.log('delayer:' + i );
    }, 0);
    console.log(i);
}

Paste_Image.png

用let

for(let i=0;i<5;i++){
    setTimeout(function(){
         console.log('delayer:' + i );
    }, 0);
    console.log(i);

Paste_Image.png

用閉包

for(var i=0;i<5;i++){
    (function(t){
        return setTimeout(function(){
                    console.log('delayer:' + t );
                }, 0);
    })(i);
    console.log(i);
}