題目1: 下面的代碼輸出多少?修改代碼讓 fnArri 輸出 i。使用 兩種以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); // 10
修改代碼讓fnArri輸出i:
第一種:
var fnArr = [];
for (var i=0; i<10; i++){
(function(num){
fnArr[num] = function(){
return num;
};
})(i);
}
console.log(fnArr[3]()); //3
第二種:
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr.push(i);
};
console.log( fnArr[3]); //3
題目2: 封裝一個(gè)汽車(chē)對(duì)象,可以通過(guò)如下方式獲取汽車(chē)狀態(tài)
var Car = (function(){
var speed = 0;
function setSpeed(s){
speed = s
}
function getSpeed(){
return speed
}
function accelerate(){
speed+=10
}
function decelerate(){
speed-=10
}
function getStatus(){
if (speed>0) {
return "running";
}else{
return "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:下面這段代碼輸出結(jié)果是? 為什么?
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é)果為:1,3,2 setTimeout是在js代碼塊執(zhí)行完之后延遲執(zhí)行最后輸出2。
題目4:下面這段代碼輸出結(jié)果是? 為什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
因?yàn)閟etTimeout會(huì)在最后執(zhí)行,但由于while中flag一直等于true無(wú)限循環(huán)不會(huì)執(zhí)行到setTimeout語(yǔ)句里。不會(huì)有任何結(jié)果。
題目5: 下面這段代碼輸出?如何輸出delayer: 0, delayer:1...(使用閉包來(lái)實(shí)現(xiàn))
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
console.log(i);
} //
"delayer:5"
"delayer:5"
"delayer:5"
"delayer:5"
"delayer:5"
for(var i=0; i<5; i++){
(function(j){
setTimeout(function(){
console.log('delayer' + j);
},0);
})(i)
} //
"delayer0"
"delayer1"
"delayer2"
"delayer3"
"delayer4"
題目6: 如何獲取元素的真實(shí)寬高
function trueStyle(ele,pseduoElement)
{
//IE不支持window.getComputedStyle(),支持element.currentStyle();
return ele.currentStyle?ele.currentStyle():window.getComputedStyle(ele,pseduoElement)
}
var trueHeight = trueStyle(ele).height;
var trueWidth = trueHeight(ele).windth;
題目7: URL 如何編碼解碼?為什么要編碼?
- URL如何編碼解碼?
JavaScript提供四個(gè)URL的編碼/解碼方法。
- decodeURI()
- decodeURIComponent()
- encodeURI()
- encodeURIComponent()
區(qū)別
encodeURI方法不會(huì)對(duì)下列字符編碼
1. ASCII字母
2. 數(shù)字
2. ~!@#$&*()=:,;?+'
encodeURIComponent方法不會(huì)對(duì)下列字符編碼
1. ASCII字母
2. 數(shù)字
3. ~!*()‘
所以encodeURICompoon比encodeURI編碼的范圍更大。
實(shí)際例子來(lái)說(shuō),encodeURIComponent會(huì)把http://編碼成http%3A%2F%2F而encodeURI卻不會(huì)。
如果你需要編碼整個(gè)URL,然后需要使用這個(gè)URL,那么用encodeURI。
encodeURI(“http://bolg.jirengu.com/?cat=11&a=饑人谷”);//“http://blog.jirengu.com/?cat=11&a=%25E9%9%25A5%25A5%25E4%25BA%25BA%25E8%25B0%25B7”
其中,漢字被編碼。但是如果你用了encodeURIComponent,那么結(jié)果變?yōu)?/p>
其中,漢字被編碼。但是如果你用了encodeURIComponent,那么結(jié)果變?yōu)?/p>
"http%3A%2F%2Fblog.jirengu.com%2F%3Fcat%3D11%26a%3D%25E9%25A5%25A5%25E4%25BA%25BA%25E8%25B0%25B7"
- 為什么要編碼
有時(shí)候我們拿到一組url是帶參數(shù)的地址,但是如果是一堆未被編碼的url,會(huì)使得我們無(wú)法知道那些值是參數(shù),哪些是正常符號(hào),所以需要先把一些特殊字符進(jìn)行編碼,然后剩余的就是參數(shù)了,就可以正常解析;另外和服務(wù)器傳輸時(shí),也需要將一些符號(hào)進(jìn)行編碼一遍前后端傳輸和解析。
題目8: 補(bǔ)全如下函數(shù),判斷用戶的瀏覽器類型
function isAndroid(){
return /Android/.text(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);
}