setTimeout and Closure

下面的代码输出多少？修改代码让 fnArr[i]()输出 i。使用 两种以上的方法

   var fnArr = [];
   for (var i = 0; i < 10; i ++) {
       fnArr[i] =  function(){
   	    return i;
       };
   }
   console.log( fnArr[3]() );  // 
   
   
   
   结果：10
   
   因为i是全局变量，所有fnArr[i]()的值都是10。
   
   
   
   方法一//
var fnArr = [];
for (var i = 0; i < 10; i++) {
   	fnArr[i] = function(j) {
       	return function() {
           	return j;
        };
    }(i);
}
console.log(fnArr[3]());
   
   
   方法二//
   
   
 var fnArr = [];
 var i;
 for (i = 0; i < 10; i++) {
     ! function(i) {
         fnArr[i] = function() {
             return i;
         };
     }(i)

 }
 console.log(fnArr[3]());

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

var Car = (function() {
    var speed = 0;

    function setSpeed(s) {
        speed = s;
        return speed;
    }


    function getSpeed() {
        return speed;
    }

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

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

    function getStatus() {
        if (speed <= 0) {
            return 'stop';
        } 
        else return 'running';

    }


    return {
      getSpeed:getSpeed,
      setSpeed:setSpeed,
      getStatus:getStatus,
      decelerate:decelerate,
      accelerate:accelerate,
      speed:'error'
    }
})()


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());
console.log(Car.getSpeed()) //'stop';
console.log(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条件语句为true，形成死循环。

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

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


//输出0，1，2，3，4，delayer: 0，delayer: 1，delayer: 2，delayer: 3，delayer: 4

如何获取元素的真实宽高

function getStyle(e) {

      return e.getComputedStyle() ? window.getComputedStyle(e) : e.currentStyle
  }
  let trueWidth = getStyle(e).width;
  let trueHeight = getStyle(e).height;
  
  
          //IE仅支持element.currentStyle();

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

js对URL进行编码和解码（两种方式）

1. encodeURI 和 decodeURI
   
   不会被编码的字符：ASCII字母、数字、~!@#$&*()=:/,;?+’
2. encodeURIComponent 和 decodeURIComponent
   
   不会被编码的字符：ASCII字母、数字、 ~!*()’

所以encodeURIComponent比encodeURI编码的范围更大。encodeURI被用作对一个完整的URI进行编码，于是URL中的功能字符，比如&, ?, /, =等等这些并不会被转义；而encodeURIComponent被用作对URI的一个组件进行编码，会把这些功能字符也进行转义。

####URL需要进行编码的原因

1. Url中有些字符会引起歧义。
   key=value这种传参方式式中， 如果你的value字符串中包含了=或者&，那么势必会造成接收Url的服务器解析错误，因此必须将引起歧义的&和=符号进行转义，也就是对其进行编码。

2. URL 只能使用 ASCII 字符集来通过因特网进行发送。
   也就是说URL只能使用英文字母、阿拉伯数字和某些标点符号，不能使用其他文字和符号 这意味着 如果URL中有汉字，就必须编码后使用。

3. 不同的操作系统、浏览器、不同的网页字符集（charset）会对传值造成影响

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

var str = window.navigator.userAgent;


function isAndroid(){

  return /Android/.test(str);
}
function isIphone(){
  return /iPhone/.test(str)
}
function isIpad(){
  return /iPad/.test(str);
}
function isIOS(){
  return /(iPad)|(iPhone)/.test(str);
}