进阶11

题目1: 下面的代码输出多少？修改代码让 fnArri 输出 i。使用 两种以上的方法

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

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

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

题目2： 封装一个汽车对象，可以通过如下方式获取汽车状态

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

题目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。因为setTimeout虽然设置了一个延迟为0的闹钟，但当所有代码结束后才会去看闹钟，最后执行。

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

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

按理说应该一直循环，不会有输出，但实际输出是true。

题目5： 下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）

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

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

题目6： 如何获取元素的真实宽高

var w = box.offsetWidth;
var h = box.offsetHeight;

更多参考：原生 JS 获取元素的尺寸和位置

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

可以使用encodeURI和decodeURIComponent进行编码和解码
为什么要编码？
RFC3986文档规定，Url中只允许包含英文字母（a-zA-Z）、数字（0-9）、-_.~4个特殊字符以及所有保留字符。RFC3986文档对Url的编解码问题做出了详细的建议，指出了哪些字符需要被编码才不会引起Url语义的转变，以及对为什么这些字符需要编码做出了相应的解释。
HTTP协议中通过URL传参是通过键值对形式进行的，格式上是以？、&和=为特征标识进行解析，如果键或者值的内容中包含这些符号，就会造成解析错误，所以要进行编码，用不会造成歧义的符号代替有歧义的符号。

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

function isAndroid(){
    var reg = /android/gi;
    return reg.test(window.navigator.userAgent);
}
funcnction isIphone(){
    var reg = /iphone/gi;
    return reg.test(window.navigator.userAgent);
}
function isIpad(){
    var reg = /ipad/gi;
    return reg.test(window.navigator.userAgent);
}
function isIOS(){
    var reg = /ipad | iphone/gi;
    return reg.test(window.navigator.userAgent);
}