任务11

下面的代码输出多少？修改代码让 fnArr[i]() 输出 i。使用 两种以上的方法

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

输出i的两种方法：

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

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

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

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

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外的代码首先执行，var a不会改变赋值，第一次console.log(a)为1；第二次console.log(a)为3，之后才执行setTImeout打印console.log(a)为2；

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

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

什么都不会输出，因为flag为true，while循环一直执行，定时器也不会执行。

下面这段代码输出？如何输出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++){
    setTimeout(function(i){
         console.log('delayer:' + i );
         console.log(i);
    }(i), 0);
}

原始输出：0,1,2,3,4,delayer5(打印五次)
修改后的输出：
delayer0,0;delayer1,1;delayer2,2;delayer3,3;delayer4,4;

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

JS获取元素真实宽高：

    var box = document.getElementById('box');
    var w = box.offsetWidth;
    var h = box.offsetHeight;
    console.log(w+'-'+h);

URL 如何编码解码？为什么要编码？

encodeURIComponent
encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。
语法：encodeURIComponent(URIstring)参数是一个字符串；
返回值：URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换。
该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。
其他字符（比如 ：;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号），都是由一个或多个十六进制的转义序列替换的。
decodeURIComponent
decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码。
为什么要编码？
URL 只能使用 ASCII 字符集来通过因特网进行发送。
也就是说URL只能使用英文字母、阿拉伯数字和某些标点符号，不能使用其他文字和符号；这意味着 如果URL中有汉字，就必须编码后使用。

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

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);
}