任务11

题目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(i){
            return function(){
                return i
            }
        })(i)
    }
    console.log( fnArr[3]());  //3

方法2

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

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

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


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.decelerate();
Car.decelerate();
Car.getStatus();  //'stop';
    console.log(Car.speed);

题目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()的执行结果在最后；
页面开始加载，首先var a=1,下面再var a相当于执行了一行代码内容为a,所以a的值还是1，这时console.log(a)为1
往下执行，a=3，所以console.log(a) 3

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

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

啥都不输出，网页会崩溃
因为
setTimeout(function(){
flag = false;
},0)是在页面加载其它代码加载执行完再执行的，
所以flag=true,while(flag){}会一直循环，知道把所有的内存都占用，然后网页崩溃

题目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
delayer:5
delayer:5
delayer:5
delayer:5
delayer:5
如何输出delayer: 0, delayer:1...（使用闭包来实现）：

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

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

getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象。获得的style是页面上css计算的最终结果，其中这个声明对象包含height和width属性，可以通过下面的方式获得真实样式，这个方法第二个参数代表伪类没有则为null;

//window.getComputedStyle("元素", "伪类");
console.log(window.getComputedStyle(d1,null).width)
console.log(window.getComputedStyle(d1,null).height)

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

可用encodeURI（）、encodeURIComponent（）方法对url进行编码
encodeURI方法不会对下列字符编码

ASCII字母
数字
~!@#$&*()=:/,;?+'
encodeURIComponent方法不会对下列字符编码

ASCII字母
数字
~!*()'
所以encodeURIComponent比encodeURI编码的范围更大

解码
用decodeURI()和decodeURIComponent()可以对编码过的字符串进行解码
为什么要编码？
我们都知道Http协议中参数的传输是"key=value"这种简直对形式的，如果要传多个参数就需要用“&”符号对键值对进行分割。如"?name1=value1&name2=value2"，这样在服务端在收到这种字符串的时候，会用“&”分割出每一个参数，然后再用“=”来分割出参数值。
针对“name1=value1&name2=value2”我们来说一下客户端到服务端的概念上解析过程:
上述字符串在计算机中用ASCII吗表示为：
6E616D6531 3D 76616C756531 26 6E616D6532 3D 76616C756532。
6E616D6531：name1
3D：=
76616C756531：value1
26：&
6E616D6532：name2
3D：=
76616C756532：value2
服务端在接收到该数据后就可以遍历该字节流，首先一个字节一个字节的吃，当吃到3D这字节后，服务端就知道前面吃得字节表示一个key，再想后吃，如果遇到26，说明从刚才吃的3D到26子节之间的是上一个key的value，以此类推就可以解析出客户端传过来的参数。

现在有这样一个问题，如果我的参数值中就包含=或&这种特殊字符的时候该怎么办。
比如说“name1=value1”,其中value1的值是“va&lu=e1”字符串，那么实际在传输过程中就会变成这样“name1=va&lu=e1”。我们的本意是就只有一个键值对，但是服务端会解析成两个键值对，这样就产生了歧义。
还有就是中文等其他非英文字符也无法出现在url上所以要进行编码

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

    var a=window.navigator.userAgent
    function isAndroid(){
var reg=/Android/ig
    if(reg.test(a)){
        return '安卓'
    }
}
funcnction isIphone(){
    var reg=/iphone/ig
    if(reg.test(a)){
        return 'ipone'
    }
}
function isIpad(){
    var reg=/ipad/ig
    if(reg.test(a)){
        return 'ipad'
    }
}
function isIOS(){
        var reg=/ios/ig
    if(reg.test(a)){
        return 'ios'
    }
}

任务11

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

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

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

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

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

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