闭包、定时器

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(i){
      return function(){
        return 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]())

2. 封装一个汽车对象

var Car = (function(){
   var speed = 0;
   function setSpeed(s){
    speed = s
   }
   function getSpeed(s){
    return speed;
   }
   function accelerate(){
    speed = speed + 10;
   }
   function decelerate(){
    speed = speed - 10;
   }
   function getStatus(){
    if (speed>0) {
        return 'running'
    }
    else{
        return 'stop'
    }
   }
   return {
      setSpeed: setSpeed,
      getSpeed: getSpeed,
      accelerate: accelerate,
      decelerate: decelerate,
      getStatus: getStatus,
      speed: 'error'
   }
})();
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

 var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);//输出结果为1、3、2原因是setTimeout是异步函数，会等其他的执行完之后再执行。

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);//这段代码什么都输不出，因为setTimeout是异步函数，会让后面的先执行，while(flag){}执行的时候，已经是死循环了，所以console.log(flag)什么也输不出。

5. 输出delayer: 0, delayer:1...（使用闭包来实现）

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

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

假设页面上有一个元素的选择器d则

var ds=getComputedStyle(d);
ds.width;//100px;
d.currentStyle.width;//100px

• IE不支持window.getComputedStyle(),支持element.currentStyle;

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

为什么要编码？

对于url来说，之所以要进行编码，是因为url中有些字符会引起歧义。
一般来说，url只能使用英文字母、阿拉伯数字、和某些标点符号，不能使用其他文字和符号，目前浏览器一个通用的做法是除了a-zA-Z0-9.-_之外，都进行%的替换。

三种编码方式的介绍

js中提供了3对函数来对url编码以得到合法的url，它们分别是：
escape编码----》nescape解码
encodeURL编码-----》decodeURL解码
encodeURLComponent编码----》decodeURLComponent解码
编码和解码过程是可逆的。

8. 判断用户的浏览器类型

function isAndroid(){
   return /android/i.test(navigator.userAgent)
}
function isIphone(){
   return /lphone/i.test(navigator.userAgent)
}
function isIpad(){
    return /lpad/i.test(navigator.userAgent)
}
function isIOS(){
    return /los/i.test(navigator.userAgent)
}