闭包.定时器和Bom

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

    var fnArr = [];
    for (var i = 0; i < 10; i ++) {
        fnArr[i] =  function(){
            return i;
        };
    }
    console.log( fnArr[3]() );  //10
//方法1:立即执行函数
var fnArr = [];
    for (var i = 0; i < 10; i ++) {
        fnArr[i] = (function(){
            return i;
        })()
    }
    console.log( fnArr[3]);  //3
//方法2:闭包
var fnArr = [];
    for (var i = 0; i < 10; i ++) {
      ! function(i){
          fnArr[i] = function(){
              return i;
          }
       }(i)
    }
    console.log( fnArr[3]());  //3
//方法3ES6的方法let
var fnArr = [];
    for (let i = 0; i < 10; i ++) {
        fnArr[i] =  function(){
            return i;
        };
    }
    console.log( fnArr[3]() );  //3

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

var Car = (function(){
    var speed = 0;
    function setSpeed(s){
        speed = s
    }
    function getSpeed(){
        console.log(speed)
    }
    function accelerate(){
        speed += 10
    }
    function decelerate() {
        if (speed >= 10){
            speed -=10
        }else{
            speed = 0
        }
    }
    function getStatus() {
       if (speed === 0){
           console.log( 'stop')
       }else {
           console.log( 'running')
       }
    }
    return {
        setSpeed: setSpeed,
        getSpeed: getSpeed,
        accelerate:accelerate,
        decelerate:decelerate,
        getStatus:getStatus,
        speed:'error'
}
})()
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启动一个计时器,计时器到期后运行代码，但是计时器要在主代码执行完后才会执行。所以计时器中代码执行时间通常比设定时间要长。

setTimeout和setInterval的运行机制是，将指定的代码移出本次执行，等到下一轮 Event Loop 时，再检查是否到了指定时间。如果到了，就执行对应的代码；如果不到，就等到再下一轮 Event Loop 时重新判断。
这意味着，setTimeout和setInterval指定的代码，必须等到本轮 Event Loop 的所有任务都执行完，才会开始执行。由于前面的任务到底需要多少时间执行完，是不确定的，所以没有办法保证，setTimeout和setInterval指定的任务，一定会按照预定时间执行。

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

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

输出结果是true,setTimeout会等到代码执行完再启动计时器，主代码中while是死循环，setTimeout中的代码不会执行，flag一直为true
题目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
}
//setTimeout输出结果为'delayer：5''delayer：5''delayer：5''delayer：5''delayer：5'
for(var i=0;i<5;i++){
    !function(i){
        setTimeout(function(){
            console.log('delayer:' + i );
        }, 0);
    }(i)
    console.log(i);//0,1,2,3,4
}

题目6： 如何获取元素的真实宽高
使用offseHeight和offsetWidth

var o = document.getElementById("view");
var h = o.offsetHeight;  //高度
var w = o.offsetWidth;  //宽度

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

它着眼于对整个URL进行编码，因此除了常见的符号以外，对其他一些在网址中有特殊含义的符号"; / ? : @ & = + $ , #"，也不进行编码。编码后，它输出符号的utf-8形式，并且在每个字节前加上%。

bg2010021113.png

它对应的解码函数是decodeURI()。

bg2010021114.png

需要注意的是，它不对单引号'编码。

encodeURIComponent/decodeURIComponent

最后一个Javascript编码函数是encodeURIComponent()。与encodeURI()的区别是，它用于对URL的组成部分进行个别编码，而不用于对整个URL进行编码。
因此，"; / ? : @ & = + $ , #"，这些在encodeURI()中不被编码的符号，在encodeURIComponent()中统统会被编码。至于具体的编码方法，两者是一样。

bg2010021115.png

它对应的解码函数是decodeURIComponent()。

为什么要编码
URL只能使用英文字母、阿拉伯数字和某些标点符号，不能使用其他文字和符号。。这是因为网络标准RFC 1738做了硬性规定：

"...Only alphanumerics [0-9a-zA-Z], the special characters "$-.+!*'()," [not including the quotes - ed], and reserved characters used for their reserved purposes may be used unencoded within a URL."
"只有字母和数字[0-9a-zA-Z]、一些特殊符号"$-.+!*'(),"[不包括双引号]、以及某些保留字，才可以不经过编码直接用于URL。"
参考

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

function isAndroid(){
      return  /Android/i.test(navigator.userAgent)
}
function isIphone(){
      return  /Iphone/i.test(navigator.userAgent)
}
function isIpad(){
      return  /Ipad/i.test(navigator.userAgent)
}
function isIOS(){
      return  /Iphone|ipad|Ipod/i.test(navigator.userAgent)
}

参考