題目1: 下面的代碼輸出多少？修改代碼讓fnArri 輸出 i。使用兩種以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); //
輸出：10
//方法一：
var fnArr = [];
for (var i = 0; i < 10; i ++) {
(function(n){
fnArr[n] = function(){
return n;
};
})(i);
}
console.log( fnArr[3]() ); //3
//方法二：
var fnArr=[];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
var n=i
return function(){
return n;
}
}();
}
console.log( fnArr[3]() );
//方法三：
var fnArr=[];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(i){
return function(){
return i;
}
}(i);
}
console.log( fnArr[3]() );
題目2： 封裝一個汽車對象，可以通過如下方式獲取汽車狀態(tài)
<script>
var Car = (function(){
var speed = 0;
function setSpeed(s){
speed = s
}
function getSpeed(){
console.log(speed);
}
function accelerate(){
speed+=10;
}
function decelerate(){
speed-=10;
}
function getStatus(speed){
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();
Car.decelerate();
Car.getStatus(); //'stop';
//Car.speed; //error
</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
原因：
第一句：a=1
第二句：不執(zhí)行setTimeout里面的函數(shù)
第三句：var a 不影響a=1
第四句：輸出 1
第五句：a=3覆蓋a=1
第六句：輸出3
最后：執(zhí)行setTimeout里面的函數(shù)
a=2覆蓋a的值
輸出2
題目4： 下面這段代碼輸出結(jié)果是? 為什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
沒有任何輸出，客戶端卡死
原因：
步驟
1，flag=true
2，setTimeout不會執(zhí)行里面的函數(shù)
3，開始執(zhí)行setTimeout后面的所有代碼
while中傳入的flag=true,會一直循環(huán)（死循環(huán)），不會有結(jié)束的時候
因此，不會執(zhí)行后面一句 console.log(flag);
更不會執(zhí)行setTimeout里面的函數(shù)
題目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
delayer:5
delayer:5
delayer:5
delayer:5
修改代碼如下：
for(var i=0;i<5;i++){
(function(i){
return setTimeout(function(){
console.log('delayer:' + i );
}, 0);
})(i);
console.log(i);
}
輸出：
題目6： 如何獲取元素的真實寬高
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.box{
width: 400px;
height: 500px;
border: 1px solid black;
}
</style>
</head>
<body>
<div class="box">盒子</div>
<script>
var Obox=document.querySelector(".box")
var realWidth=getComputedStyle(Obox)["width"];
var realHeight=getComputedStyle(Obox)["height"];
console.log("真實寬度 ",realWidth);
console.log("真實高度 ",realHeight);
</script>
</body>
</html>
輸出結(jié)果：
題目7： URL 如何編碼解碼？為什么要編碼？
encodeURI:編碼url
不會編碼下列字符：
1， ASCII字母
2， 數(shù)字
3， ~!@#$&*()=:/,;?+'
decodeURI():解碼encodeURI編碼的網(wǎng)址
例子：
encodeURIComponent：編碼url
不會編碼下列字符：
1， ASCII字母
2，數(shù)字
3，~!*()'
decodeURIComponent：解碼encodeURIComponent編碼的網(wǎng)址
例子：
為什么要編碼網(wǎng)址？
對網(wǎng)址的編碼不同的操作系統(tǒng)、不同的瀏覽器、不同的網(wǎng)頁字符集，將導致完全不同的編碼結(jié)果。這種結(jié)果實在是太混亂了，為了保證客戶端只用一種編碼方法向服務器發(fā)出請求，使用Javascript先對URL編碼，然后再向服務器提交，不要給瀏覽器插手的機會。因為Javascript的輸出總是一致的，所以就保證了服務器得到的數(shù)據(jù)是格式統(tǒng)一的。
題目8： 補全如下函數(shù)，判斷用戶的瀏覽器類型
function isAndroid(){
console.log("當前設備是：Android系統(tǒng)手機")
}
function isIphone(){
console.log("當前設備是：Iphone系統(tǒng)手機")
}
function isIpad(){
console.log("當前設備是：Ipad系統(tǒng)手機 ")
}
function isIOS(){
console.log("當前設備是：IOS系統(tǒng)手機")
}
var nowAgent=navigator.userAgent;
if(/Android/i.test(nowAgent)){
isAndroid();
}else if(/Iphone/i.test(nowAgent)){
isIphone();
}else if(/Ipad/i.test(nowAgent)){
isIpad();
}else if(/IOS/i.test(nowAgent)){
isIOS();
}else{
console.log("其他系統(tǒng)手機");
}
