閉包定時(shí)BOM

1: 下面的代碼輸出多少?修改代碼讓fnArri 輸出 i。使用兩種以上的方法
方法一:閉包

 var fnarr = [];

   for (var i = 0; i < 10; i++) {   
       (function(){
           var s = i       
           fnarr[s] = function (){
               return s
           }
       })()
   }
   console.log(fnarr[2]())
   

方法二:閉包

   var fnArr = [];

   for (var i = 0; i < 10; i ++) {
       fnArr[i] = function(){
         var s = i
         return function (){
           return s;
         }
       }()
   }
   console.log( fnArr[3]());

方法三:立即執(zhí)行函數(shù)表達(dá)式

   var fnarr = []; 

   for(var i=0; i<10; i++){
       fnarr[i] = function(){
           return i
       }()
   }
   console.log(fnarr[2])

方法四:使用let,對(duì)塊作用域生效。

   var fnArr = [];

   for (let i = 0; i < 10; i ++) {
       fnArr[i] = function(){
       return i;
       };
   }
   console.log( fnArr[3]() );

2: 封裝一個(gè)汽車對(duì)象,可以通過(guò)如下方式獲取汽車狀態(tài)

var Car = (function(){

   var speed = 0;
   function setSpeed(s){
       speed = s
   }
   function getSpeed(){
       return speed
   }
   function accelerate(){
       speed = speed+10
       return speed
   }
   function decelerate(){
       speed = speed-10
       return speed
   }
   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();//40
Car.getSpeed(); //40;
Car.decelerate();//30
Car.decelerate();//20
Car.getSpeed(); //20
Car.getStatus(); // 'running';
Car.decelerate(); //10
Car.decelerate();//0
Car.getStatus(); //'stop';

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 定時(shí)器函數(shù)在最后執(zhí)行,只是執(zhí)行的時(shí)間延遲是0.

4:下面這段代碼輸出結(jié)果是? 為什么?

var flag = true;

setTimeout(function(){
   flag = false;
},0)
while(flag){} //死循環(huán),沒(méi)有結(jié)束語(yǔ)句。

console.log(flag); //不能輸出結(jié)果

5:下面這段代碼輸出?如何輸出delayer: 0, delayer:1...
(使用閉包來(lái)實(shí)現(xiàn))

for(var i=0;i<5;i++){

   (function(){
       var s = i
       setTimeout(function(){
         console.log('delayer:' + s );
 }, 0);
 console.log(s);
   })()
}

for(let i=0;i<5;i++){

 setTimeout(function(){
         console.log('delayer:' + i );
 }, 0);
 console.log(i);
}

6: 如何獲取元素的真實(shí)寬高
getComputedStyle是一個(gè)可以獲取當(dāng)前元素所有最終使用的CSS屬性值。返回的是一個(gè)CSS樣式聲明對(duì)象([object CSSStyleDeclaration])
7: URL 如何編碼解碼?為什么要編碼?
encodeURI()是Javascript中真正用來(lái)對(duì)URL編碼的函數(shù)。它對(duì)應(yīng)的解碼函數(shù)是decodeURI()。
因?yàn)榫W(wǎng)絡(luò)標(biāo)準(zhǔn)RFC 1738做了硬性規(guī)定:"只有字母和數(shù)字[0-9a-zA-Z]、一些特殊符號(hào)"$-_.+!*'(),"[不包括雙引號(hào)]、以及某些保留字,才可以不經(jīng)過(guò)編碼直接用于URL。"但是RFC 1738沒(méi)有規(guī)定具體的編碼方法,而是交給應(yīng)用程序(瀏覽器)自己決定。而不同的操作系統(tǒng)、不同的瀏覽器、不同的網(wǎng)頁(yè)字符集,將導(dǎo)致完全不同的編碼結(jié)果。使用Javascript先對(duì)URL編碼,然后再向服務(wù)器提交,不經(jīng)過(guò)瀏覽器編碼。因?yàn)镴avascript的輸出總是一致的,所以就保證了服務(wù)器得到的數(shù)據(jù)是格式統(tǒng)一的。參考資料

8: 補(bǔ)全如下函數(shù),判斷用戶的瀏覽器類型

function isAndroid(){

 return /Android/.test(navigator.userAgent);
}
funcnction isIphone(){
 return /iPhone/.test(navigator.userAgent);
}
function isIpad(){
 return /iPad/.test(navigator.userAgent);
}
function isIOS(){
 return /(iPad)|(iPhone)/i.test(navigator.userAgent);
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容