闭包_定时器_BOM

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

var fnArr = [];
for (var i = 0; i < 10; i ++) {
    fnArr[i] =  function(i){
        return function(){
            return i
        }
    }(i)
}
console.log( fnArr[3]() );//方法1（利用立即执行函数隔离作用域）

var fnArr = [];
for (var i = 0; i < 10; i ++) {
    !function num(i){
        fnArr[i] =  function(){
                return i
        }

    }(i)
}
console.log( fnArr[3]() );//方法2

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

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

 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会在当前代码执行队列结束后执行，所以不会有结果
console.log(flag);

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

for(var i=0;i<5;i++){
    setTimeout(function(i){
         return function(){
            console.log('delayer:' + i );
         }
    }(i), 0);
    console.log(i);
    }//立即执行函数返回一个函数

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

var test = document.querySelector(".test")
getComputedStyle(test,pse).width //获取宽度,第二个参数为伪类，没有则不设置
getComputedStyle(test,pse).height //获取高度,第二个参数为伪类，没有则不设置

// 低版本IE不兼容getComputedStyle,可以使用currentStyle，兼容方式：
element.currentStyle[attr]

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

var myUrl = "https://www.nuomi.com/?cid=002540"
//如果我们想编码一个URL并且可以使用它（访问），使用encodeURI();
var simpleUrl = encodeURI(myUrl);
//如果我们想编码一个URL并且可以将其放置在某URL的参数中，使用encodeURIComponent();
var complicateUrl = encodeURIComponent(muUrl);
// 对于Url来说，之所以要进行编码，是因为Url中有些字符会引起歧义。

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

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