进阶11

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

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

第一种方法：创建函数

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

第二种方法：立即执行函数

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

方法三：函数return函数

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

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

var Car = (function(){
    var speed = 0;
    function setSpeed(s){  //传入速度
        speed = s
    }
    function getSpeed(){  //获得速度
        return speed
    }
    function accelerate(){  //加速  +20
        speed+=10
    }
    function decelerate(){  //减速  -10
        speed>0?speed-=10:speed;
    }
    function getStatus(){  //判断运行状态 running或者stop
        return speed>0?'running':'stop';    
    }
    
    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

可以把代码看成

var a;
var a = 1;
console.log(a);

a = 3;
console.log(a);

setTimeout(function(){
   a = 2;
   console.log(a);
}, 0);

• 代码依次往下执行，首先看到定时器，即时定时器设置的时间间隔为0，但不会立即执行，还是会有默认的40毫秒左右的时间差，所以这个时候浏览器会先解析完其他的代码，然后看到var a ，a的声明提升并赋值a=1，所以第一个打印是全局中的a，打印出1；
• 接着读到a=3，即给全局中的变量a赋值为3，打印出3；
• 最后执行定时器函数，延时为0，立即执行函数，a = 2改变全局变量a的值，输出变量a，打印出2.

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

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);

// while(flag){}无线循环后面的都不执行
// 因为setTimeout要等到后面的执行后才执行； while(flag){}的flag为true所以while无限循环；co
nsole.log(flag);不执行

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

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

Console Run  Clear
//0
//1
//2
//3
//4
//"delayer:5"
//"delayer:5"
//"delayer:5"
//"delayer:5"
//"delayer:5"

代码

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

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

element.offsetWidth 和 element.offsetHeight 获取

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

解码：
decodeURI()
decodeURIComponent()

编码：
encodeURI()
encodeURIComponent()

【文档标准】
RFC3986文档规定，Url中只允许包含英文字母（a-zA-Z）、数字（0-9）、-_.~4个特殊字符以及所有保留字符。RFC3986文档对Url的编解码问题做出了详细的建议，指出了哪些字符需要被编码才不会引起Url语义的转变，以及对为什么这些字符需要编码做出了相应的解释。

HTTP协议中通过URL传参是通过键值对形式进行的，格式上是以？、&和=为特征标识进行解析，如果键或者值的内容中包含这些符号，就会造成解析错误，所以要进行编码，用不会造成歧义的符号代替有歧义的符号。

URL编码的原则就是使用安全的字符（没有特殊用途或者特殊意义的可打印字符）去表示那些不安全的字符。

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