。# 題目1: 下面的代碼輸出多少昔期?修改代碼讓 fnArri 輸出 i。使用 兩種以上的方法
<script>
var fnArr = [];
for (var i = 0; i < 10; i++) {
fnArr[i] = function () {
return i;
};
}
console.log(fnArr[3]()) // 輸出10
</script>
// 方法1
<script>
var fnArr = [];
for (var i = 0; i < 10; i++) {
!function (i) {
fnArr[i] = function () {
return i;
}
}(i);
}
console.log(fnArr[3]())
</script>
// 方法2
<script>
var fnArr = [];
for (var i = 0; i < 10; i++) {
fnArr[i] = (function (i) {
return function () {
return i
};
})(i);
}
console.log(fnArr[3]())
</script>
題目2: 封裝一個汽車對象佛玄,可以通過如下方式獲取汽車狀態(tài)
<script>
var Car = (function () {
var speed = 0;
function setSpeed(s) {
speed = s
}
function getSpeed() {
return speed;
}
function accelerate() {
speed += 10;
}
function decelerate() {
if (speed > 0) {
speed -= 10
} else {
console.log('Car already stoped, can not decelerate')
}
}
function getStatus() {
if (speed > 0) {
console.log('running')
} else {
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();
</script>
題目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
// 定時器在該段代碼執(zhí)行完之后才會對定時器進(jìn)行處理
題目4:下面這段代碼輸出結(jié)果是? 為什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
// 什么也不輸出
// setTimeout的函數(shù)會等下面的執(zhí)行結(jié)束才執(zhí)行,此時flag=true硼一, while(flag){} 會無限循環(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,delayer5,delayer5,delayer5,delayer5,delayer5
// 輸出delayer:0 delater:1 .... delayer:4
<script>
for(var i=0;i<5;i++){
!function(i){ setTimeout(function(){
console.log('delayer:' + i );
}, 0);
console.log(i)
}(i);
}
</script>
題目6: 如何獲取元素的真實寬高
// 返回元素的內(nèi)部高度(單位像素)梦抢,包含內(nèi)邊距(padding)般贼,但不包括水平滾動條、邊框和外邊距。
Element.clientHeight
// 返回該元素的像素高度哼蛆,高度包含該元素的垂直內(nèi)邊距(padding)和邊框(baorder)蕊梧,且是一個整數(shù)。
Element.offsetHeight
/ 返回元素的內(nèi)部寬度(單位像素)腮介,包含內(nèi)邊距(padding)肥矢,但不包括垂直滾動條、邊框和外邊距叠洗。
Element.clientWidth
// 返回該元素的像素寬度甘改,包含該元素的垂直內(nèi)邊距(padding)和邊框(baorder),且是一個整數(shù)灭抑。
Element.offsetWidth
題目7: URL 如何編碼解碼十艾?為什么要編碼?
JavaScript提供四個URL的編碼/解碼方法腾节。
- decodeURI()
- decodeURIComponent()
- encodeURI()
- encodeURIComponent()
為什么要編碼
只有字母和數(shù)字[0-9a-zA-Z]忘嫉、一些特殊符號"$-_.+!*'(),"[不包括雙引號]、以及某些保留字案腺,才可以不經(jīng)過編碼直接用于URL
如果URL中出現(xiàn)了除以上說明意外的字符庆冕,需要進(jìn)行編碼后才能使用,如果將編碼交給瀏覽里按照默認(rèn)方式進(jìn)行處理救湖,瀏覽器默認(rèn)方式對于網(wǎng)址路徑的編碼愧杯、查詢字符串的編碼、GET和POST方法的編碼以及Ajax調(diào)用所采用的編碼各不相同鞋既,會導(dǎo)致很多編碼結(jié)果力九,為保證統(tǒng)一性,可以使用JS先對URL進(jìn)行編碼邑闺,再向瀏覽器提交以保證服務(wù)器能夠得到統(tǒng)一格式的數(shù)據(jù)跌前。
參考關(guān)于URL編碼by阮一峰
題目8: 補(bǔ)全如下函數(shù),判斷用戶的瀏覽器類型
<script>
function isAndroid() {
return /Android/.test(window.navigator.userAgent);
}
funcnction isIphone(){
return /iPhone/.test(window.navigator.userAgent);
}
function isIpad() {
return /iPad/.test(window.navigator.userAgent);
}
function isIOS() {
return /(iPad)|(iPhone)/.test(window.navigator.userAgent);
}
</script>