題目1: 下面的代碼輸出多少？修改代碼讓 fnAr [ i ] () 輸出 i。使用 兩種以上的方法

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

• 方法一：套上立即執(zhí)行函數(shù)，給立即執(zhí)行函數(shù)傳入?yún)?shù)

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

• 方法二：利用var的函數(shù)作用域和立即執(zhí)行函數(shù)

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

題目2： 封裝一個汽車對象，可以通過如下方式獲取汽車狀態(tài)

var Car = (function(){
   var speed = 0;
   function setSpeed(s){
       speed = s
   }
   function accelerate(){
       speed = speed + 10
   }
   function decelerate(){
       speed = speed - 10
   }
   function getSpeed(){
     return speed
   }
   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';
//Car.speed;  //error

題目3：下面這段代碼輸出結(jié)果是? 為什么?

var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a);//2
}, 0);
var a ;
console.log(a);//1
a = 3;
console.log(a);//3

輸出為132，因為雖然設(shè)置延遲0，但是必須等待本次執(zhí)行代碼執(zhí)行完畢之后再執(zhí)行

題目4：下面這段代碼輸出結(jié)果是? 為什么?

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

flag為true，會一直while循環(huán)，不會執(zhí)行console.log

題目5： 下面這段代碼輸出？如何輸出delayer: 0, delayer:1...（使用閉包來實現(xiàn)）

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

方法一

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

方法二

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

題目6： 如何獲取元素的真實寬高

 var element =document.querySelector('div')
 var width = window.getComputedStyle(element).width //獲取元素的寬度，第二個參數(shù)為偽類，沒有則不設(shè)置
var height = window.getComputedStyle(element).height

//兼容低版本IE
function trueStyle(element,pse){
    return element.currentStyle ? element.currentStyle : window.getComputedStyle(element,pse) //條件表達式，前真后假
}
var  width = trueStyle(element,pse).width
var height = trueStyle(element,pse)

題目7： URL 如何編碼解碼？為什么要編碼？

編碼

• 可以使用encodeURI()或者encodeURIComponent()
• 可以使用 decodeURI() 或者decodeURIComponent()

為什么編碼

• url的編碼格式采用的是ASCII碼，而中文不是ASCII的字符，如果不先編碼就傳輸數(shù)據(jù)，那么可能會出現(xiàn)問題。所以通過把中文字符編碼為符合ASCII標準的字符，就可以避免這個問題

題目8： 補全如下函數(shù)，判斷用戶的瀏覽器類型

function isAndroid(){
   return /Android/i.test(navigator.userAgent)
}
function isIphone(){
  return /iPhone/i.test(navigator.userAgent)
}
function isIpad(){
  return /iPad/i.test(navigator.userAgent)
}
function isIOS(){
  return /IOS/i.test(navigator.userAgent)
}