1: 下面的代碼輸出多少田炭？修改代碼讓 fnArri 輸出 i授瘦。使用 兩種以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); //
輸出結(jié)果為10近她，因為return i的i是全局中的i叉瘩，循環(huán)結(jié)束i為10，不管fnArr[i]i為幾都輸出10粘捎。
想讓fnArr[i] ()輸出i薇缅，就得創(chuàng)建新的作用域來保存每次循環(huán)的i的值.另外需要注意，是想要fnArr[i] ()即調(diào)用的結(jié)果返回i攒磨，不是fnArr[i]泳桦。即fnArr[i] ()對應的是函數(shù)的返回值return i，fnArr[i]應該被賦值為一個可執(zhí)行的函數(shù)娩缰。（如果是立即執(zhí)行函數(shù)灸撰，必須要設置return一個函數(shù)，這個函數(shù)再return i），不然會導致fnArr[i]直接拿到i值浮毯，無法調(diào)用完疫，調(diào)用結(jié)果為undefined（默認 return undefined）。
- 第一種方法 創(chuàng)建個立即執(zhí)行函數(shù)的新作用域债蓝，在其作用域內(nèi)將fnArr[i]賦值為函數(shù)壳鹤。
var fnArr = [];
for (var i = 0; i < 10; i ++) {
(function (i) { //接收每次循環(huán)的ｉ值，內(nèi)部的ｉ即為這個ｉ
fnArr[i] = function () { // 也確保了fnArr[i] 是一個可以調(diào)用的函數(shù)饰迹，不會使得fnArr[i]不經(jīng)調(diào)用就直接拿到i值
return i; // 這個i輸出的是立即執(zhí)行函數(shù)內(nèi)部的i芳誓，即每次循環(huán)的i
}
})(i); // 傳入每次循環(huán)的i值
}
console.log( fnArr[3]() ); //3
- 第二種方法： 將fnArr[i]賦值為一個立即執(zhí)行函數(shù)，在立即執(zhí)行函數(shù)的新的作用域內(nèi)保存每次循環(huán)的i值啊鸭，注意要設置返回為一個函數(shù)锹淌，再讓這個函數(shù)返回i，防止fnArr[i]直接就拿到值
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = (function (i) {
return function () { // 要再次設置返回為一個函數(shù)赠制，如果直接設置return i的話葛圃，fnArr[i]就直接拿到值了
return i;
}
})(i);
}
console.log( fnArr[3]() ); //3
2.封裝一個汽車對象，可以通過如下方式獲取汽車狀態(tài)
var Car = (function(){
var speed = 0;
function setSpeed(s){
speed = s
}
...
return {
setSpeed: setSpeed,
...
}
})()
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
要在外部作用域中訪問內(nèi)部作用域中的變量憎妙，就要用到閉包库正，內(nèi)部作用域中的變量被其內(nèi)部的作用域引用著尼夺，可以在外部作用域中訪問這個引用方法來得到內(nèi)部作用域的變量祈餐。
var Car = (function(){
var speed = 0;
function setSpeed(s){
speed = s;
}
function getSpeed() { // 設置閉包，內(nèi)部的getSpeed作用域可以引用著外部的speed韭寸，在全局中使用這個getSpeed方法就能獲取car作用域中的speed變量
return speed;
}
function accelerate() {
speed += 10;
}
function decelerate () {
speed -= 10;
}
function getStatus () {
if (speed === 0) {
return 'stop';
}
else if (speed > 0) {
return 'running';
}
}
//因為car是個立即執(zhí)行函數(shù)抚垃，執(zhí)行完成之后作用域馬上銷毀喷楣，所以不設置return的話，無法使用內(nèi)部設置的方法鹤树，所以設置返回對象铣焊。
//外部通過返回的對象屬性來找到對應的方法
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);
輸出結(jié)果依次是1, 3,2
var a = 1;
setTimeout(function(){
a = 2;
console.log(a);//2
}, 0);
var a ;
console.log(a); //1
a = 3;
console.log(a); //3
上述代碼為每條語句運行的結(jié)果，乍一看是輸出2,1,3罕伯，但是實際情況是曲伊，setTimeout就算設置間隔為0，也是會在其他代碼加載完成之后執(zhí)行追他。再考慮上變量提升的話坟募，實際的代碼運行順序如下：
var a;
var a;
a = 1;
console.log(a); //1
a = 3;
console.log(a); //3
setTimeout(function(){
a = 2;
console.log(a); //2
}, 0);
這樣一來，每條語句的輸出值已經(jīng)各個語句的輸出順序就很明顯了邑狸。
4.下面這段代碼輸出結(jié)果是? 為什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
原理和第3題是一樣的懈糯，setTimeout就算設置間隔為0，也是會在其他代碼加載完成之后執(zhí)行单雾。所以在本題中赚哗，實際的運行順序為：
var flag = true;
while(flag){} //永遠在循環(huán)
console.log(flag); //不會輸出true
setTimeout(function(){
flag = false;
},0)
所以可以很清楚的看到她紫，聲明flag為true之后，就進入了while的無限循環(huán)屿储，不會執(zhí)行下面的輸出指令犁苏，也不會執(zhí)行后面的setTimeout，flag的值一直為true
5.下面這段代碼輸出扩所？如何輸出delayer: 0, delayer:1...（使用閉包來實現(xiàn)）
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
console.log(i);
}
分析代碼：還是一樣围详，setTimeout執(zhí)行的時候for語句早就循環(huán)完畢了，首先for語句中下面的console.log(i);會依次輸出0,1,2,3,4祖屏，然后才會開始執(zhí)行setTimeout中的語句助赞，setTimeout中的函數(shù)中的console.log(i)就是全局中已經(jīng)循環(huán)結(jié)果的i值，為5袁勺，所以會連續(xù)輸出5個delayer: 5雹食。
想要輸出delayer: 0, delayer:1...，思路就是在創(chuàng)建一個新的作用域保存每次循環(huán)的i值期丰。
for(var i=0;i<5;i++){
(function (i) { //創(chuàng)建一個新作用域群叶，傳入每次循環(huán)的i值
setTimeout(function(){
console.log('delayer:' + i ); //這里輸出的i就是上一級作用域中即立即執(zhí)行函數(shù)中的i值了，而不是全局中的i值
}, 0);
})(i);
console.log(i);
}
6.如何獲取元素的真實寬高
- ie8及以前版本：通過currentStyle
alert(document.getElementById('id').currentStyle.width);
- ff,safari,opera,chrome,ie9及之后版本:通過window.getComputedStyle
var el=document.getElementById('id');
alert(window.getComputedStyle(el,null).width);
7. URL 如何編碼解碼钝荡？為什么要編碼街立？
- 編碼：encodeURI() encodeURIComponent()
兩種方法都不會對ASCII字母，數(shù)字埠通，以及~!*()'編碼赎离，encodeURIComponent()會對@#$&()=:/,;?+進行編碼 - 解碼： decodeURI() decodeURIComponent()
- 意義：由于URL的編碼格式采用的是ASCII碼而不是Unicode，因此URL中不能包含任何非ASCII字符（例如中文）端辱，否則在客戶端和服務端瀏覽器支持的字符集不同的情況下梁剔，就可能出現(xiàn)問題。這也就意味著舞蔽，如果URL中有漢字或其它非規(guī)定字符荣病，就必須編碼后使用。
另外渗柿，HTTP協(xié)議中通過URL傳參是通過鍵值對形式進行的个盆，格式上是以？做祝、&和=為特征標識進行解析砾省，如果鍵或者值的內(nèi)容中包含這些符號，就會造成解析錯誤混槐，所以要進行編碼，用不會造成歧義的符號代替有歧義的符號轩性。
8.補全如下函數(shù)声登，判斷用戶的瀏覽器類型
function isAndroid(){
}
function isIphone(){
}
function isIpad(){
}
function isIOS(){
}
function isAndroid(){
var AndroidReg = /Android/;
return AndroidReg.test(window.navigator.userAgent);
}
function isIphone(){
var IphoneReg = /Iphone/;
return IphoneReg.test(window.navigator.userAgent);
}
function isIpad(){
var IpadReg = /Ipad/;
return IpadReg.test(window.navigator.userAgent);
}
function isIOS(){
var IOSReg = /IOS/;
return IOSReg.test(window.navigator.userAgent);
}
