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 ++) {
    !function(i){
        fnArr[i] =  function(){
        return i;
        }
    }(i);
}
console.log( fnArr[3]() ); 

方法二：

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

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

   var Car = (function(){
   var speed = 0;
   function setSpeed(s){
       speed = s
   }
   function getSpeed(){
    console.log(speed);
   }
   function accelerate(){
    speed += 10
   }
   function decelerate(){
    speed -=10
   }
   function getStatus(){
    if(speed===0){
        console.log('stop')
    }else{
        console.log('running')
    }
   }
   return {
        setSpeed: setSpeed,
        getSpeed: getSpeed,
        accelerate: accelerate,
        decelerate: decelerate,
        getStatus: getStatus
   }
})()
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);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a); // 输出1 3  2 ，setTimeout指定的代码都必须等到本次执行的所有代码都执行完毕，才执行。

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

var flag = true;
setTimeout(function(){
     flag = false;
 },0)
while(flag){}
console.log(flag);  //不输出，setTimeout的函数在代码执行完后再执行，且代码中有死循环

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

for(var i=0;i<5;i++){
    setTimeout(function(){
        console.log('delayer:' + i );
    }, 0);
    console.log(i);
}  //输出0 1 2 3 4 ，然后5次delayer：5。

闭包实现

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

立即执行函数实现

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

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

1.获取元素节点
2.window对象的getComputedStyle来获取相应的css属性

var node = document.querySelector('#id')
window.getComputedStyle(node).height/width返回的是相应的宽高，单位为像素.

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

• encodeURL() 和 decodeURL()

encodeURL()对整个URL进行编码，因此除了常见的符号外，对其它一些在网址中有特殊含义的符号，如“; / ? : @ & = + $ , #”，也不进行编码，编码后，它输出符号的utf-8形式，并且在每个字节前加上%。

• encodeURLComponent()和decodeURLComponent()

encodeURLComponent()对URL的组成部分进行个别编码，而不用于对整个URL编码。因此， "; / ? : @ & = + $ , #"，在encodeURIComponent()中会被编码。

为什么要编码：

保留字符： ! * ‘ ( ) ; : @ & = + $ , / ? # [ ]为不安全字符，当他们直接放在Url中的时候，可能会引起解析程序的歧义。
比如说“name1=value1”,其中value1的值是“va&lu=e1”字符串，那么实际在传输过程中就会变成这样“name1=va&lu=e1”。我们的本意是就只有一个键值对，但是服务端会解析成两个键值对，这样就产生了奇异。
为了避免歧义，用安全的字符表示不安全的字符，

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

function isAndroid(){
  return /Android/i.test(navigator.userAgent)
}
funcnction isIphone(){
  return /iphone/i.test(navigator.userAgent)
}
function isIpad(){
  return /ipad/i.test(navigator.userAgent)
}
function isIOS(){
  return /(ipad)|(iphone)/i.test(navigator.userAgent)
}

【个人总结，如有错漏，欢迎指出】
：>