闭包-定时器-BOM

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

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

方法1

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

方法2

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

题目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(){
     console.log('delayer:' + i );
}, 0);
console.log(i);
}
//效果实现
for(var i=0;i<5;i++){
setTimeout(function(i){
    return function(){
        console.log('delayer:' + i );
    }
}(i), 0);
console.log(i);
}

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

getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。使用范例：

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

低版本IE不兼容getComputedStyle,可以使用currentStyle，兼容方式：

element.currentStyle ?
element.currentStyle : window.getComputedStyle(element, null)

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

var myUrl = "https://www.nuomi.com/?cid=002540"
//如果我们想编码一个URL并且可以使用它（访问），使用encodeURI();
var simpleUrl = encodeURI(myUrl);
//如果我们想编码一个URL并且可以将其放置在某URL的参数中，使用encodeURIComponent();
var complicateUrl = encodeURIComponent(muUrl);

对于Url来说，之所以要进行编码，是因为Url中有些字符会引起歧义。

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

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);
}