进阶任务11-闭包、定时器、BOM

• 下面的代码输出多少？修改代码让 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 ++) {
        fnArr[i] =  function(i){
            return function() {
                return i;
            }
        }(i);
    }

修改后代码二：

    var fnArr = [];

    for (var i = 0; i < 10; i ++) {
        fnArr[i] =  function(){
             var j = i;
            return function() {
                return j;
            }
        }(i);
    }

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

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

• 下面这段代码输出结果是? 为什么?

var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);

输出结果为1、3、2，首先a被赋值为1，虽然setTimeout设置为0秒后执行，但是它会等待其他代码执行完毕后再计时并执行，接着声明a没有变化，然后打印1，接着a被赋值为3，然后打印3，最后执行setTimeout内的代码，a被赋值为2，打印2

• 下面这段代码输出结果是? 为什么?

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

一直执行while部分的代码段陷入死循环，因为setTimeout并不会在while代码段之前执行，所以flag的值为true，while代码段陷入死循环

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

题目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 5次delayer:5

代码修改：

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

• 如何获取元素的真实宽高

let style = window.getComputedStyle(element);
console.log(style.width, style.height);  

• URL 如何编码解码？为什么要编码？
  一般来说，URL只能使用英文字母、阿拉伯数字和某些标点符号，不能使用其他文字和符号，其余字符都需要经过编码才能使用在URL中。
  encodeURL：它着眼于对整个URL进行编码，因此除了常见的符号以外，对其他一些在网址中有特殊含义的符号“; / ? : @ & = + $ , #”，也不进行编码。编码后，它输出符号的utf-8形式，并且在每个字节前加上%。它对应的解码函数是decodeURI()。
  encodeURIComponent()。与encodeURI()的区别是，它用于对URL的组成部分进行个别编码，而不用于对整个URL进行编码。因此，“; / ? : @ & = + $ , #”，这些在encodeURI()中不被编码的符号，在encodeURIComponent()中统统会被编码。至于具体的编码方法，两者是一样。它对应的解码函数是decodeURIComponent()。

• 补全如下函数，判断用户的浏览器类型

function isAndroid(){
    return /Android/.test(navigator.userAgent);
}
function isIphone(){
    return /iPhone/.test(navigator.userAgent)
}
function isIpad(){
    return /iPad/.test(navigator.userAgent);
}
function isIOS(){
    return /(iPad)|(iPhone)/i.test(navigator.userAgent);
}