定时器、闭包

1、修改代码让 fnArr [i] () 输出 i

   var fnArr = [];
   for (var i = 0; i < 10; i ++) {
       fnArr[i] =  function(){
           return i;
       };
   }
   console.log( fnArr[3]() );    //10,for循环结束后i的值为10

方法一：

立即执行函数内return匿名函数

方法二:

立即执行函数内创建fnArr[i]为匿名函数

方法三：

立即执行函数通过传参来实现闭包的效果

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

var Car = (function(){
   var speed = 0;
   function setSpeed(s){
       speed = s
   }
   function getSpeed(){
     return speed;
   }
   function accelerate(){     //加速10
      return speed += 10;
   }
   function decelerate(){     //减速10
     return speed -= 10;
   }
   function getStatus(){
     if(speed>0){
       return 'running';
     }else{
       return 'stop';
     }
   }
   return {
      'setSpeed': setSpeed,
      'getSpeed': getSpeed,
      'accelerate': accelerate,
      'decelerate': decelerate,
      'getStatus': getStatus
   }
})()
Car.setSpeed(30);  
console.log(Car.getSpeed())  //30
Car.accelerate();
console.log(Car.getSpeed())   //40
Car.decelerate();
Car.decelerate();
console.log(Car.getSpeed())    //20
console.log(Car.getStatus())  // 'running';
Car.decelerate(); 
Car.decelerate();
console.log(Car.getStatus())   //'stop';

闭包封装

3、下面这段代码输出结果是? 为什么?

var a = 1;
setTimeout(function(){           //setTimeout()函数，最后执行
    a = 2;
    console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);

输出结果：1、3、2；执行循序总延时函数放在最后

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

var flag = true;
setTimeout(function(){           //延时函数最后执行
    flag = false;
},0)
while(flag){}
console.log(flag);

不输出任何结果，在while(flag){}中进入死循环（flag一直为true）

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

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

输出：

image.png

闭包实现

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

getComputedStyle(ele)['height']       //获取当前元素最终CSS样式的高
getComputedStyle(ele)['width']        //获取当前元素最终CSS样式的宽

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

JavaScript提供四个URL的编码/解码方法。
编码： encodeURI()、 encodeURIComponent()
解码： decodeURI()、decodeURIComponent()

为什么要编码：对于不同的操作系统、不同的浏览器、不同的网页字符集采用的是不同的编码，也将导致完全不同的编码结果。但是我们可以使用Javascript先对URL编码，然后再向服务器提交，不给浏览器编码的机会，从而保证服务器得到的数据是格式统一。
区别：
encodeURI方法不会对下列字符编码：

• ASCII字母
• 数字
• ~!@#$&*()=:/,;?+'

encodeURIComponent方法不会对下列字符编码

• ASCII字母
• 数字
• ~!*()'

可以看出encodeURIComponent比encodeURI 编码的范围更大。

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

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)|(iphpne)/.test(navigator.userAgent)
}