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.封裝一個汽車對象，可以通過如下方式獲取汽車狀態(tài)

   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.下面這段代碼輸出結(jié)果是? 為什么?

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指定的代碼都必須等到本次執(zhí)行的所有代碼都執(zhí)行完畢，才執(zhí)行。

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

var flag = true;
setTimeout(function(){
     flag = false;
 },0)
while(flag){}
console.log(flag);  //不輸出，setTimeout的函數(shù)在代碼執(zhí)行完后再執(zhí)行，且代碼中有死循環(huán)

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

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。

閉包實(shí)現(xiàn)

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

立即執(zhí)行函數(shù)實(shí)現(xiàn)

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

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

1.獲取元素節(jié)點(diǎn)
2.window對象的getComputedStyle來獲取相應(yīng)的css屬性

var node = document.querySelector('#id')
window.getComputedStyle(node).height/width返回的是相應(yīng)的寬高，單位為像素.

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

• encodeURL() 和 decodeURL()

encodeURL()對整個URL進(jìn)行編碼，因此除了常見的符號外，對其它一些在網(wǎng)址中有特殊含義的符號，如“; / ? : @ & = + $ , #”，也不進(jìn)行編碼，編碼后，它輸出符號的utf-8形式，并且在每個字節(jié)前加上%。

• encodeURLComponent()和decodeURLComponent()

encodeURLComponent()對URL的組成部分進(jìn)行個別編碼，而不用于對整個URL編碼。因此， "; / ? : @ & = + $ , #"，在encodeURIComponent()中會被編碼。

為什么要編碼：

保留字符： ! * ‘ ( ) ; : @ & = + $ , / ? # [ ]為不安全字符，當(dāng)他們直接放在Url中的時候，可能會引起解析程序的歧義。
比如說“name1=value1”,其中value1的值是“va&lu=e1”字符串，那么實(shí)際在傳輸過程中就會變成這樣“name1=va&lu=e1”。我們的本意是就只有一個鍵值對，但是服務(wù)端會解析成兩個鍵值對，這樣就產(chǎn)生了奇異。
為了避免歧義，用安全的字符表示不安全的字符，

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

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)
}

【個人總結(jié)，如有錯漏，歡迎指出】
：>