闭包_定时器_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++){
    (function(i){
        fnArr[i] = function(){
            return i;
        }
    })(i);
}
//方法二
for (var i =0; i<10; i++){
    fnArr[i] = (function(i){
        return function(){
            return i;
        }
    })(i);
}
console.log( fnArr[3]() ); //3

---

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

var Car = (function () {
            var speed = 0;
            function setSpeed(s) {
                speed = s
            }

            function getSpeed() {
                return speed;
            }

            function accelerate() {
                return speed += 10;
            }

            function decelerate() {
                return speed -= 10;
            }

            function getStatus() {
                if (speed > 0) {
                    return "running";
                }
                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();
        ar.getSpeed(); //20
        ar.getStatus(); // 'running';
        Car.decelerate();
        Car.decelerate();
        ar.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 

---

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

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);//没有结果，陷入无限循环。因为setTimeout会放到执行队伍的最后，
而while语句传入参数为true会一直执行，所以setTimeout不会被执行，陷入无限循环。

---

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

改变：

for(var i=0;i<5;i++){
    setTimeout((function(i){
         console.log('delayer:' + i );
    })(i), 0);
} //delayer:0  delayer:1  delayer:2  delayer:3 
delayer:4 

---

6.如何获取元素的真实宽高

var test = document.getElementsByClassName('test');
trueHeight = test.offsetHeight;
trueWidth = test.offsetWidth;
//兼容低版本IE
trueHeight = test.currentStyle.height;
trueWidth = test.currentStyle.width;

---

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

JavaScript提供四个URL的编码/解码方法。

1. decodeURI()
2. decodeURIComponent()
3. encodeURI()
4. encodeURIComponent()

采用编码是因为url不能含有中文，有些字符会产生歧义。
参考链接：http://blog.csdn.net/zmx729618/article/details/51381655

---

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

function isAndroid() {
    return /android/i.test(navigator.userAgent);
}
function isIphone() {
    return /iphone/i.test(navigator.userAgent);
}
function isIpad() {
    return /pad/i.test(navigator.userAgent);
}
function isIOS() {
    return /(pad|iphone)/i.test(navigator.userAgent);
}