。# 題目1: 下面的代碼輸出多少？修改代碼讓 fnArri 輸出 i。使用 兩種以上的方法

 <script>
   var fnArr = [];
   for (var i = 0; i < 10; i++) {
     fnArr[i] = function () {
       return i;
     };
   }
   console.log(fnArr[3]())  // 輸出10
 </script>

// 方法1
  <script>
    var fnArr = [];
    for (var i = 0; i < 10; i++) {
      !function (i) {
        fnArr[i] = function () {
          return i;
        }
      }(i);
    }
    console.log(fnArr[3]())
  </script>

// 方法2
  <script>
    var fnArr = [];
    for (var i = 0; i < 10; i++) {
      fnArr[i] = (function (i) {
        return function () {
          return i
        };
      })(i);
    }
    console.log(fnArr[3]())
  </script>

題目2： 封裝一個(gè)汽車(chē)對(duì)象，可以通過(guò)如下方式獲取汽車(chē)狀態(tài)

  <script>
    var Car = (function () {
      var speed = 0;
      function setSpeed(s) {
        speed = s
      }
      function getSpeed() {
        return speed;
      }
      function accelerate() {
        speed += 10;
      }
      function decelerate() {
        if (speed > 0) {
          speed -= 10
        } else {
          console.log('Car already stoped, can not decelerate')
        }
      }
      function getStatus() {
        if (speed > 0) {
          console.log('running')
        } else {
          console.log('stop')
        }
      }
      return {
        setSpeed: setSpeed,
        getSpeed: getSpeed,
        accelerate: accelerate,
        decelerate: decelerate,
        getStatus: getStatus
      }
    })();
    Car.setSpeed(30);
    Car.getSpeed(); //30
    Car.accelerate();
    Car.getSpeed(); //40;
    Car.decelerate();
    Car.decelerate();
    Car.getSpeed(); //20
    Car.getStatus(); // 'running';
    Car.decelerate();
  </script>

題目3：下面這段代碼輸出結(jié)果是? 為什么?

var a = 1;
setTimeout(function(){  
    a = 2;
    console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
// 依次輸出 1 3 2
// 定時(shí)器在該段代碼執(zhí)行完之后才會(huì)對(duì)定時(shí)器進(jìn)行處理

題目4：下面這段代碼輸出結(jié)果是? 為什么?

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);
// 什么也不輸出
// setTimeout的函數(shù)會(huì)等下面的執(zhí)行結(jié)束才執(zhí)行,此時(shí)flag=true， while(flag){} 會(huì)無(wú)限循環(huán)

題目5： 下面這段代碼輸出？如何輸出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);
}
//輸出 0,1,2,3,4,delayer5,delayer5,delayer5,delayer5,delayer5

// 輸出delayer：0 delater:1 .... delayer:4
<script>
for(var i=0;i<5;i++){
  !function(i){ setTimeout(function(){
         console.log('delayer:' + i );
    }, 0);
    console.log(i)
  }(i);
}
</script>

題目6： 如何獲取元素的真實(shí)寬高

// 返回元素的內(nèi)部高度(單位像素)，包含內(nèi)邊距（padding），但不包括水平滾動(dòng)條、邊框和外邊距。
Element.clientHeight

// 返回該元素的像素高度，高度包含該元素的垂直內(nèi)邊距（padding）和邊框（baorder），且是一個(gè)整數(shù)。
Element.offsetHeight

/ 返回元素的內(nèi)部寬度(單位像素)，包含內(nèi)邊距（padding），但不包括垂直滾動(dòng)條、邊框和外邊距。
Element.clientWidth

// 返回該元素的像素寬度，包含該元素的垂直內(nèi)邊距（padding）和邊框（baorder），且是一個(gè)整數(shù)。
Element.offsetWidth

題目7： URL 如何編碼解碼？為什么要編碼？

JavaScript提供四個(gè)URL的編碼/解碼方法。

• decodeURI()
• decodeURIComponent()
• encodeURI()
• encodeURIComponent()

為什么要編碼

只有字母和數(shù)字[0-9a-zA-Z]、一些特殊符號(hào)"$-_.+!*'(),"[不包括雙引號(hào)]、以及某些保留字，才可以不經(jīng)過(guò)編碼直接用于URL
如果URL中出現(xiàn)了除以上說(shuō)明意外的字符，需要進(jìn)行編碼后才能使用，如果將編碼交給瀏覽里按照默認(rèn)方式進(jìn)行處理，瀏覽器默認(rèn)方式對(duì)于網(wǎng)址路徑的編碼、查詢字符串的編碼、GET和POST方法的編碼以及Ajax調(diào)用所采用的編碼各不相同，會(huì)導(dǎo)致很多編碼結(jié)果，為保證統(tǒng)一性，可以使用JS先對(duì)URL進(jìn)行編碼，再向?yàn)g覽器提交以保證服務(wù)器能夠得到統(tǒng)一格式的數(shù)據(jù)。
參考關(guān)于URL編碼by阮一峰

題目8： 補(bǔ)全如下函數(shù)，判斷用戶的瀏覽器類型

  <script>
    function isAndroid() {
      return /Android/.test(window.navigator.userAgent);
    }

    funcnction isIphone(){
      return /iPhone/.test(window.navigator.userAgent);
    }

    function isIpad() {
      return /iPad/.test(window.navigator.userAgent);
    }

    function isIOS() {
      return /(iPad)|(iPhone)/.test(window.navigator.userAgent);
    }
  </script>