闭包_定时器_BOM

题目1: 下面的代码输出多少？修改代码让 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(){
            var n = i;
            return function(){
                return n;
            }
        }();
    }
    console.log( fnArr[3]() );  

    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 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
   }
})()
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);//2
}, 0);
var a ;
console.log(a);//1
a = 3;
console.log(a);//3
输出
// 1
// 3 
// 2
setTimeout会在当前代码执行队列结束后执行

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

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){} // flag为true，无限循环，setTimeout会在当前代码执行队列结束后执行，循环不退出，就不会执行setTimeout，flag一直为true
console.log(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:5

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

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

function trueStyle(element){
    //低版本IE不支持window.getComputedStyle()，支持element.currentStyle();
    return element.currentStyle ? element.currentStyle : getComputedStyle(element);
}
var trueWidth = trueStyle(element).width;
var trueHeight = trueStyle(element).height;

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

encodeURI方法不会对下列字符编码 ASCII字母 数字 ~!@#$&()=:/,;?+'
encodeURIComponent方法不会对下列字符编码 ASCII字母 数字 ~!()'
所以encodeURIComponent比 encodeURI编码的范围更大。
实际例子来说，encodeURIComponent会把 http:// 编码成 http%3A%2F%2F 而encodeURI却不会。
因为一些历史的原因URL设计者使用US-ASCII字符集表示URL。（原因比如ASCII比较简单；所有的系统都支持ASCII）
为了满足URL的特性，设计者就将转义序列移植了进去，来实现通过ASCII字符集的有限子集对任意字符或数据进行编码。
URL转义表示法包含一个百分号，后面跟上两个表示字符ASCII码的十六进制数值。
参考

题目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 /ios/i.test(navigator.userAgent);
}