进阶任务-11

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

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

方法一：
var fnArr = [];
        for (var i = 0; i < 10; i ++) {
            fnArr[i] = (function(i){ //立即执行函数
                return function () {
                    console.log(i)
                }//要返回一个匿名函数才行，不能直接返回i
            })(i)
        }
    console.log( fnArr[3]());  

方法二:
 var fnArr = [];
 for (var i = 0; i < 10; i ++) {        
//立即执行函数前面可以带任何符号，最好不要带括号
       !function (i) {          
        fnArr[i] =  function(){
            return i;
        }
       }(i)
    }
 console.log( fnArr[3]()); 

注：es6中的let是非常方便的只需要把声明i的var改成let就可以很厉
害

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

var Car = (function(){
   var speed = 0;
   function setSpeed(ss){
       speed = ss
   }
function getSpeed(){
    return speed
}
function accelerate(){
    speed+=10
}
function decelerate(){
    speed-=10
}
function getStatus(){
    if (speed>0) {
        return "正跑呢";
    }else{
        return "停下了"
    }
}
   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(); // '正跑呢';
Car.decelerate(); 
Car.decelerate();
Car.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
说明：首先看到定时器的代码，虽然延时参数写了个0但是依然是最后输出，所以2应该是三次输出中的最后一次输出值.
接着看全局中的变量a，该提升的提升可得第一次输出的结果应该是1.第二次a值变成了3，所以在输出的时候a变成了3，至此，结束。

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

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

结果：不输出任何结果
说明：首先看到了定时器，那么毫无疑问，最后执行。接着看到flag为「真」，那么继续读码（自动跳过定时器），看到了while循环，接下来的结局就是无限循环，没有结束的限制条件，。。。所以就没有console什么事情了。。。所以什么也输出不出来了。。

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

如何获取元素的真实宽高

var w = wrap.clientWidth;
var h = wrap.clientHeight;

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

var myURL = 'https://www.yezhu.com/#a=lllll';

//如果我们想让一个URL并且可以用来访问，就要用到encodeURI();
var simpleURL = encodeURI(myURL); 

//如果我们想编码一个URL并且可以将其放置在某URL的参数中，使用encodeURIComponent();
var completeURL = encodeURIComponent(myURL);
//这就算放进去了。。
var newURL = 'https://www.kuanglv.com/?back=' + completeURL; 

//将会打开一个窗口
window.open(simpleURL);

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

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

注：主要通过navigator这个对象获取用户浏览器的相关信息