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

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

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

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

封裝一個(gè)汽車對(duì)象，可以通過如下方式獲取汽車狀態(tài)

var Car = (function(){
   var speed = 0;
   function setSpeed(s){
       speed = s
   }
   function getSpeed(){
       return speed
   }
   function accelerate(){
       speed += 10
   }
   function decelerate(){
       speed -= 10
   }
   function getStatus(){
       if(speed > 0){
           console.log('running')
       }else if(speed === 0){
           console.log('stop')
       }else{
           console.log('impossible')
       }
   }
   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

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

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

輸出結(jié)果是 1，3，2
因?yàn)?setTimeout 的運(yùn)行機(jī)制是將指定的代碼移出本次執(zhí)行，等到下一輪Event Loop時(shí)，再檢查是否到了指定時(shí)間。如果到了，就執(zhí)行對(duì)應(yīng)的代碼；如果不到，就等到再下一輪Event Loop時(shí)重新判斷。這意味著，setTimeout指定的代碼，必須等到本次執(zhí)行的所有代碼都執(zhí)行完，才會(huì)執(zhí)行

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

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

因?yàn)??setTimeout 的運(yùn)行機(jī)制，?導(dǎo)致 setTimeout 中的代碼被移出了本次執(zhí)行，while(flag){} 首先執(zhí)行，而由于 flag=true ，這個(gè) while 循環(huán)又沒有任何打破循環(huán)的語(yǔ)句或跳出循環(huán)的語(yǔ)句，所以造成了一個(gè)死循環(huán)，之后的 ?console.log(flag) 也不會(huì)執(zhí)行了

下面這段代碼輸出？如何輸出delayer: 0, delayer:1...（使用閉包來實(shí)現(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++){
    setTimeout(f,0)
    var f = (function () {
        console.log('delayer:' + i)
    })(i)
    console.log(i)
}

如何獲取元素的真實(shí)寬高

• getComputedStyle是一個(gè)可以獲取當(dāng)前元素所有最終使用的CSS屬性值。使用范例：

 var test = document.querySelector(".test")
getComputedStyle(test,pse).width //獲取寬度,第二個(gè)參數(shù)為偽類，沒有則不設(shè)置
getComputedStyle(test,pse).height //獲取高度,第二個(gè)參數(shù)為偽類，沒有則不設(shè)置

• 低版本IE不兼容getComputedStyle,可以使用currentStyle，兼容方式：

element.currentStyle ?
    element.currentStyle : window.getComputedStyle(element, null)

URL 如何編碼解碼？為什么要編碼？

JavaScript提供四個(gè)URL的編碼/解碼方法。

1. decodeURI()
2. decodeURIComponent()
3. encodeURI()
   4.encodeURIComponent()

區(qū)別

encodeURI方法不會(huì)對(duì)下列字符編碼

1. ASCII字母
2. 數(shù)字
3. ~!@#$&*()=:/,;?+'

encodeURIComponent方法不會(huì)對(duì)下列字符編碼

1. ASCII字母
2. 數(shù)字
3. ~!*()'

所以encodeURIComponent比encodeURI編碼的范圍更大。

因?yàn)橛脩羰褂玫臑g覽器，操作系統(tǒng)，網(wǎng)頁(yè)字符集等等都不是一樣的。所以使用 javacript 預(yù)先對(duì)URL進(jìn)行編碼，不讓瀏覽器來處理，保證服務(wù)器得到的數(shù)據(jù)總是一致的。

URL編碼

URL和URI的區(qū)別

補(bǔ)全如下函數(shù)，判斷用戶的瀏覽器類型

function isAndroid(){
  return navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1
}
function isIphone(){
  return navigator.userAgent.indexOf('iPhone') > -1
}
function isIpad(){
  return navigator.userAgent.indexOf('iPad') > -1
}
function isIOS(){
  return !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
}