。# 题目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： 封装一个汽车对象，可以通过如下方式获取汽车状态

  <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：下面这段代码输出结果是? 为什么?

var a = 1;
setTimeout(function(){  
    a = 2;
    console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
// 依次输出 1 3 2
// 定时器在该段代码执行完之后才会对定时器进行处理

题目4：下面这段代码输出结果是? 为什么?

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);
// 什么也不输出
// setTimeout的函数会等下面的执行结束才执行,此时flag=true， while(flag){} 会无限循环

题目5： 下面这段代码输出？如何输出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,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： 如何获取元素的真实宽高

// 返回元素的内部高度(单位像素)，包含内边距（padding），但不包括水平滚动条、边框和外边距。
Element.clientHeight

// 返回该元素的像素高度，高度包含该元素的垂直内边距（padding）和边框（baorder），且是一个整数。
Element.offsetHeight

/ 返回元素的内部宽度(单位像素)，包含内边距（padding），但不包括垂直滚动条、边框和外边距。
Element.clientWidth

// 返回该元素的像素宽度，包含该元素的垂直内边距（padding）和边框（baorder），且是一个整数。
Element.offsetWidth

题目7： URL 如何编码解码？为什么要编码？

JavaScript提供四个URL的编码/解码方法。

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

为什么要编码

只有字母和数字[0-9a-zA-Z]、一些特殊符号"$-_.+!*'(),"[不包括双引号]、以及某些保留字，才可以不经过编码直接用于URL
如果URL中出现了除以上说明意外的字符，需要进行编码后才能使用，如果将编码交给浏览里按照默认方式进行处理，浏览器默认方式对于网址路径的编码、查询字符串的编码、GET和POST方法的编码以及Ajax调用所采用的编码各不相同，会导致很多编码结果，为保证统一性，可以使用JS先对URL进行编码，再向浏览器提交以保证服务器能够得到统一格式的数据。
参考关于URL编码by阮一峰

题目8： 补全如下函数，判断用户的浏览器类型

  <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>