題目1: 下面的代碼輸出多少迄靠?修改代碼讓 fnArr[i]()
輸出i
。使用 兩種以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); //
改寫1
var fnArr = [];
for (var i = 0; i < 10; i++) {
(function (i) {
fnArr[i] = function () {
return i;
}
})(i)
}
console.log(fnArr[3]()); //3
改寫2
var fnArr = [];
for (var i = 0; i < 10; i++) {
function fn(i) {
fnArr[i] = function () {
return i;
}
}
fn(i)
}
console.log(fnArr[3]()); //3
題目2: 封裝一個(gè)汽車對(duì)象喇辽,可以通過如下方式獲取汽車狀態(tài)
var Car = (function () {
var speed = 0;
function setSpeed(s) {
if (s > 0) {
speed = s;
} else {
return "error";
}
}
function getSpeed() {
return speed;
}
function accelerate() {
speed += 10;
}
function decelerate() {
if (speed > 0) {
speed -= 10;
} else {
return "error";
}
}
function getStatus() {
if (speed === 0) {
return 'stop';
} else {
return 'running'
}
}
return {
setSpeed: setSpeed,
getSpeed: getSpeed,
accelerate: accelerate,
decelerate: decelerate,
getStatus: getStatus,
};
})()
題目3:下面這段代碼輸出結(jié)果是? 為什么?
var a = 1;
setTimeout(function(){
a = 2;
console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
輸出
1//var a = 1;執(zhí)行后跳過setTimeout掌挚,執(zhí)行var a ;console.log(a);
3//執(zhí)行a = 3;console.log(a);
2//js執(zhí)行完全部代碼后處理定時(shí)器,
function(){
a = 2;
console.log(a);
}, 0)菩咨,0秒后輸出console.log(a)(a=2)
題目4:下面這段代碼輸出結(jié)果是? 為什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
無法輸出吠式,因?yàn)閟etTimeout計(jì)時(shí)器會(huì)在執(zhí)行完全部代碼后處理,while(flag){}中flag為true抽米,造成死循環(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);
}
//輸出結(jié)果
0
1
2
3
4
"delayer:5"
"delayer:5"
"delayer:5"
"delayer:5"
"delayer:5"
//輸出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: 如何獲取元素的真實(shí)寬高
var $ = document.querySelector("view");
var h = $.offsetHeight; //高度
var w = $.offsetWidth; //寬度
題目7: URL 如何編碼解碼云茸?為什么要編碼是目?
- URL常用編碼方法
encodeURIComponent(string) 函數(shù)可對(duì)string其中的某些字符將被十六進(jìn)制的轉(zhuǎn)義序列進(jìn)行替換。
說明:該方法不會(huì)對(duì) ASCII 字母和數(shù)字進(jìn)行編碼标捺,也不會(huì)對(duì)這些 ASCII 標(biāo)點(diǎn)符號(hào)進(jìn)行編碼: - _ . ! ~ * ' ( )
var str = '你好'
console.log(encodeURIComponent(str))//%E4%BD%A0%E5%A5%BD
- URL常用解碼方法
decodeURIComponent() 函數(shù)可對(duì) encodeURIComponent() 函數(shù)編碼的 URI 進(jìn)行解碼
var str = '%E4%BD%A0%E5%A5%BD'
console.log(decodeURIComponent(str))//你好
- Url需要進(jìn)行編碼懊纳,是因?yàn)閁rl中有些字符會(huì)引起歧義网持。
- Url的編碼格式采用的是ASCII碼,而不是Unicode长踊,這也就是說你不能在Url中包含任何非ASCII字符,例如中文萍倡。
題目8: 補(bǔ)全如下函數(shù)身弊,判斷用戶的瀏覽器類型
function isAndroid(){
/android/gi.test(window.navigator.userAgent)
}
funcnction isIphone(){
/iphone/gi.test(window.navigator.userAgent)
}
function isIpad(){
/ipad/gi.test(window.navigator.userAgent)
}
function isIOS(){
/(iphone)|(ipad)/gi.test(window.navigator.userAgent)
}