題目1: 下面的代碼輸出多少连霉？修改代碼讓 fnArr[i]() 輸出 i挟纱。使用 兩種以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); // 10
思路：使變量i在循環(huán)過程中雕凹，創(chuàng)造一個局部作用域保存i的值樟结。
方法1：
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = (function (i) {
return function () {
return i;
};
})(i);
}
console.log( fnArr[3]() ); // 3
方法2：
var fnArr = [];
for (var i = 0; i < 10; i ++) {
(function (i) {
fnArr[i] = function () {
return i;
};
})(i);
}
console.log( fnArr[3]() ); // 3
方法3:
var fnArr = [];
for (let i = 0; i < 10; i ++) {
fnArr[i] = function () {
return i;
}
}
console.log( fnArr[3]() ); // 3
題目2： 封裝一個汽車對象琼开，可以通過如下方式獲取汽車狀態(tài)
var Car = (function(){
var speed = 0;
function setSpeed(s){
speed = s
}
function getSpeed() {
return speed;
}
function accelerate() {
speed +=10;
}
function decelerate() {
speed = speed >= 10 ? speed - 10 : 0;
}
function getStatus() {
return speed > 0 ? 'running' : '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);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
//依次輸出 1,3,2易结，因為延遲調(diào)用函數(shù)會在0秒后被放在事件隊列的最后端。
下面這段代碼輸出結(jié)果是? 為什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
// 遲調(diào)用函數(shù)會在0秒后被放在事件執(zhí)行隊列的最后端柜候，
//在此之前flag一直為true搞动，因此進入while循環(huán)中不能出來。
題目5： 下面這段代碼輸出渣刷？如何輸出delayer: 0, delayer:1...（使用閉包來實現(xiàn)）
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
console.log(i);
}
// 代碼會依次輸出 0 1 2 3 4 ,delayer: 5 輸出5次鹦肿，
// 因為延遲函數(shù)中訪問的i是全局作用域中的i，此時i值為5辅柴。
for(var i=0;i<5;i++){
setTimeout((function (i) {
return function(){
console.log('delayer:' + i );
};
})(i), 0);
console.log(i);
}
題目6： 如何獲取元素的真實寬高
題目7： URL 如何編碼解碼箩溃？為什么要編碼？
URL的編碼/解碼方法
JavaScript提供四個URL的編碼/解碼方法碌嘀。decodeURI()
decodeURIComponent()
encodeURI()
encodeURIComponent()
區(qū)別：
encodeURI方法不會對下列字符編碼：ASCII字母
數(shù)字
~!@#$&*()=:/,;?+'
encodeURIComponent方法不會對下列字符編碼
- ASCII字母
- 數(shù)字
- ~!*()'
所以encodeURIComponent比encodeURI編碼的范圍更大涣旨。如果你需要編碼整個URL，然后需要使用這個URL筏餐，那么用encodeURI; 當你需要編碼URL中的參數(shù)的時候开泽，那么encodeURIComponent是最好方法。URI的編碼格式采用的是ASCII碼魁瞪，而不是Unicode穆律，這也就是說你不能在URI中包含任何非ASCII字符惠呼，例如中文。否則如果客戶端瀏覽器和服務端瀏覽器支持的字符集不同的情況下峦耘，中文可能會造成問題剔蹋。（兩個方法把空格編碼為"%20"）
題目8： 補全如下函數(shù)，判斷用戶的瀏覽器類型
function isAndroid(){
return /Android/.test(window.navigator.userAgent);
}
function isIphone(){
return /iphone/i.test(window.navigator.userAgent);
}
function isIpad(){
return /ipad/i.test(window.navigator.userAgent);
}
function isIOS(){
return /(iphone)|(ipad)/i.test(window.navigator.userAgent);
}
1
1
1
1
1
1
1
1
1
1
1
1
1
1
