題目1: 下面的代碼輸出多少？修改代碼讓 fnArr[i]() 輸出 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 ++) { fnArr[i] = (function(i){ return function(){ return i } })(i); } console.log( fnArr[3]());
//方法二
var fnArr = []; for (var i = 0; i < 10; i ++) { (function(j){ fnArr[j] = function(){ return j ; } })(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>0?(speed-=10):(speed=0); } function getStatus(){ if(speed>0){ console.log("running") }else if(speed==0){ console.log("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);//最后輸出2 var a ; console.log(a);//最先輸出1 a = 3; console.log(a);//其次輸出3

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

var flag = true; setTimeout(function(){ flag = false; },0)//等待while執行完畢再執行 while(flag){}//flag一直為true,一直執行 console.log(flag); //不會執行

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

for(var i=0;i<5;i++){ setTimeout(function(){ console.log('delayer:' + i ); }, 0);//5個delayer: 5 console.log(i);//0,1,2,3,4 }
//使用閉包實現delayer: 0, delayer:1..... for(var i=0;i<5;i++){ !function(i){ setTimeout(function(){ console.log('delayer:' + i ); }, 0); }(i) console.log(i); }

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

function getStyle (element,key) { return element.currentStyle ? element.currentStyle[key] : window.getComputedStyle(element, null)[key] } //獲得<style>標簽內樣式 console.log( getStyle(element,"width") ) console.log( getStyle(element,"height") ) //獲得包含寬高、padding、border console.log(element.offsetWidth); console.log(element.offsetHeight); //獲得包含寬高、padding console.log(element.clientWidth); console.log(element.clientHeight);

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

• URL的編碼/解碼方法
  JavaScript提供四個URL的編碼/解碼方法。
  decodeURI()
  decodeURIComponent()
  encodeURI()
  encodeURIComponent()

區別
encodeURI方法不會對下列字符編碼
ASCII字母
數字
~!@#$&*()=:/,;?+'

encodeURIComponent方法不會對下列字符編碼
ASCII字母
數字
~!*()'

所以encodeURIComponent比encodeURI編碼的范圍更大。
實際例子來說，encodeURIComponent會把 http://
編碼成 http%3A%2F%2F
而encodeURI卻不會。
如果你需要編碼整個URL，然后需要使用這個URL，那么用encodeURI。

encodeURI("http://www.cnblogs.com/season-huang/some other thing")

輸出"http://www.cnblogs.com/season-huang/some%20other%20thing"

其中，空格被編碼成了%20。但是如果你用了encodeURIComponent，那么結果變為

"http%3A%2F%2Fwww.cnblogs.com%2Fseason-huang%2Fsome%20other%20thing"

當你需要編碼URL中的參數的時候，那么encodeURIComponent是最好方法。
var param = "http://www.cnblogs.com/season-huang/"; //param為參數
param = encodeURIComponent(param);
var url = "http://www.cnblogs.com?next=" + param;
console.log(url) //"http://www.cnblogs.com?next=http%3A%2F%2Fwww.cnblogs.com%2Fseason-huang%2F"

• 編碼原因：一般來說只有字母和數字[0-9a-zA-Z]、一些特殊符號"$-_.+!*'(),"[不包括雙引號]、以及某些保留字，才可以不經過編碼直接用于URL。如果URL中有漢字，就必須編碼后使用。參考關于URL編碼

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

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