题目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 ++) {
        var fn = fnArr[i] =  !function(i){
            return fn1;
            function fn1(){
                return i;
            }
        }(i);
        fnArr[i] = fn;
    }
    console.log( fnArr[3]() );  // 输出3

    //  第二种方法
    
    var fnArr = [];
    for (var i = 0; i < 10; i ++) {
        var fn = function(i) {
            var fn1 = function() {
                return i;
            }
            fnArr[i] =  fn1;
        }
        fn(i);
    }
    console.log( fnArr[3]() );  //输出3

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

var Car = (function(){
   var speed = 0;
   function setSpeed(s){
       speed = s
   }
   function getSpeed(s){
        return speed;
   }
   function accelerate(){
        speed += 10;
   }
   function decelerate() {
       // 速度 < 10 减速为 0;
       if (speed < 10) {
           speed = 0;
       } else {
           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);
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

题目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中的函数会被异步调用，等到执行栈中的代码执行完成后
// 声明a 并赋值为1，所以代码第7行输出为1
// 重新给a赋值为3，所以代码第9行输出为3
// 执行栈中的代码执行完毕，开始执行setTimeout，这时给a赋值为2，输出为2

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

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);
// 没有结果，也没有返回值。
// setTimeout中函数会等到执行栈中的代码运行结束后再执行，但由于一直处于循环体内，所以不会执行到后面的console.log

题目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++) {
    var t1 = function (i) {
        return function(){
            console.log('delayer:' + i);
        }
    }
    setTimeout(t1(i), 0);
    console.log(i);
}
for (var i = 0; i < 5; i++) {
    setTimeout((function (i) {
        return function(){
            console.log('delayer:' + i);
        }
    })(i), 0);
    console.log(i);
}

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

div {
    width: 500px;
    height: 200px;
}
var div = document.querySelector('div')
function getStyle(el){
    var realSize = {}
    if(window.getComputedStyle){
        realSize.width = window.getComputedStyle(el,null).width
        realSize.height = window.getComputedStyle(el,null).height
    }else{
        realSize.width = el.currentStyle.width
        realSize.height = el.currentStyle.height
    }
    return realSize
}
getStyle(div) //{width: "500px", height: "200px"}

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

• URL的编码格式采用的是ASCII码，而不是Unicode，也就是说URL只能使用英文字母、阿拉伯数字和某些标点符号，不能使用其他文字和符号。如果URL中有汉字，就必须编码后使用，否则服务器有可能出现解析错误。

• 两种编码方式

1. encodeURI()

2. encodeURIComponent()

• 两种解码方式

1. decodeURI()

2. decodeURIComponent()

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

function isAndroid(){
    return /android/i.test(navigator.userAgent);
}
function isIphone(){
    return /android/i.test(navigator.userAgent);
}
function isIpad(){
    return /ipad/i.test(navigator.userAgent);
}
function isIOS(){
    return /ipad/i.test(navigator.userAgent);
}