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>

閉包

2. setTimeout 0 有什么作用

• setTimeout(code,millisec)：函數用來指定某個函數或某段代碼站绪，在多少毫秒之后執(zhí)行。它返回一個整數涩嚣，表示定時器的編號崇众，以后可以用來取消這個定時器。
  setTimeout() 只執(zhí)行 code 一次航厚。如果要多次調用顷歌，請使用 setInterval() 或者讓 code 自身再次調用 setTimeout()。

  <script>
    console.log(1);
    setTimeout('console.log(2)',1000);
    console.log(3);
  </script>

setTimeout

需要注意的是幔睬，推遲執(zhí)行的代碼必須以字符串的形式眯漩，放入setTimeout
，因為引擎內部使用eval函數，將字符串轉為代碼赦抖。如果推遲執(zhí)行的是函數舱卡，則可以直接將函數名，放入setTimeout队萤。一方面eval函數有安全顧慮轮锥，另一方面為了便于JavaScript引擎優(yōu)化代碼，setTimeout方法一般總是采用函數名的形式要尔，就像下面這樣舍杜。

  <script>
    function f() {
      console.log(2);
    }
    setTimeout(f,1000);

    // 或者

    setTimeout(function (){console.log(2)},1000);
  </script>

如果省略setTimeout的第二個參數，則該參數默認為0赵辕。
除了前兩個參數既绩，setTimeout還允許添加更多的參數。它們將被傳入推遲執(zhí)行的函數（回調函數）还惠。

  <script>
    setTimeout(function(a,b){
      console.log(a+b);
    },1000,1,1);
  </script>

setTimeout多個參數

• setTimeout（func, 0）是將setTimeout置于javascript代碼最后端立即執(zhí)行饲握。

圖例

必須要等到當前腳本的同步任務和“任務隊列”中已有的事件，全部處理完以后蚕键，才會執(zhí)行setTimeout指定的任務救欧。也就是說，setTimeout的真正作用是嚎幸，在“消息隊列”的現有消息的后面再添加一個消息颜矿，規(guī)定在指定時間執(zhí)行某段代碼。
setTimeout(f, 0)將第二個參數設為0嫉晶，作用是讓f在現有的任務（腳本的同步任務和“消息隊列”指定的任務）一結束就立刻執(zhí)行。也就是說田篇，setTimeout(f, 0)的作用是替废，盡可能早地執(zhí)行指定的任務。而并不是會立刻就執(zhí)行這個任務泊柬。

代碼

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. 使用閉包封裝一個汽車對象兽赁，可以通過如下方式獲取汽車狀態(tài)

  <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秒，放在代碼最后執(zhí)行刀崖。

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

  <script>
    var flag = true;
    setTimeout(function(){
      flag = false;
    },0)
    while(flag){}
    console.log(flag);
  </script>

無顯示惊科，因為while判斷是否為真，如果為真不執(zhí)行語句亮钦，但是也不跳出循環(huán)馆截，setTimeout設置0延遲，所以放在代碼最后執(zhí)行，所以flag一直為true蜡娶，死循環(huán)混卵。

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

本文歸本人和饑人谷所有窖张，如需轉載請注明出處幕随，謝謝