進(jìn)階任務(wù)11-閉包、定時(shí)器、BOM

  • 下面的代碼輸出多少?修改代碼讓 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 ++) {
        fnArr[i] =  function(i){
            return function() {
                return i;
            }
        }(i);
    }

修改后代碼二:

    var fnArr = [];

    for (var i = 0; i < 10; i ++) {
        fnArr[i] =  function(){
             var j = i;
            return function() {
                return j;
            }
        }(i);
    }
  • 封裝一個(gè)汽車(chē)對(duì)象,可以通過(guò)如下方式獲取汽車(chē)狀態(tài)
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(){
       if(speed > 0) {
           console.log("running")
       }else {
           console.log("stop")
       }
   }
   return {
      setSpeed: setSpeed,
      getSpeed: getSpeed,
      accelerate: accelerate,
      decelerate: decelerate,
      getStatus: getStatus,
   }
})()
  • 下面這段代碼輸出結(jié)果是? 為什么?
var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);

輸出結(jié)果為1、3、2,首先a被賦值為1,雖然setTimeout設(shè)置為0秒后執(zhí)行,但是它會(huì)等待其他代碼執(zhí)行完畢后再計(jì)時(shí)并執(zhí)行,接著聲明a沒(méi)有變化,然后打印1,接著a被賦值為3,然后打印3,最后執(zhí)行setTimeout內(nèi)的代碼,a被賦值為2,打印2

  • 下面這段代碼輸出結(jié)果是? 為什么?
var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);

一直執(zhí)行while部分的代碼段陷入死循環(huán),因?yàn)閟etTimeout并不會(huì)在while代碼段之前執(zhí)行,所以flag的值為true,while代碼段陷入死循環(huán)

  • 面這段代碼輸出?如何輸出delayer: 0, delayer:1...(使用閉包來(lái)實(shí)現(xiàn))
題目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);
}

以上代碼輸出結(jié)果:0 1 2 3 4 5次delayer:5

代碼修改:

for(var i=0;i<5;i++){
    setTimeout(function(i){
        return function() {
            console.log('delayer:' + i );
        }
    }(i), 0);
    console.log(i);
}
  • 如何獲取元素的真實(shí)寬高
let style = window.getComputedStyle(element);
console.log(style.width, style.height);  
  • URL 如何編碼解碼?為什么要編碼?
    一般來(lái)說(shuō),URL只能使用英文字母、阿拉伯?dāng)?shù)字和某些標(biāo)點(diǎn)符號(hào),不能使用其他文字和符號(hào),其余字符都需要經(jīng)過(guò)編碼才能使用在URL中。
    encodeURL:它著眼于對(duì)整個(gè)URL進(jìn)行編碼,因此除了常見(jiàn)的符號(hào)以外,對(duì)其他一些在網(wǎng)址中有特殊含義的符號(hào)“; / ? : @ & = + $ , #”,也不進(jìn)行編碼。編碼后,它輸出符號(hào)的utf-8形式,并且在每個(gè)字節(jié)前加上%。它對(duì)應(yīng)的解碼函數(shù)是decodeURI()。
    encodeURIComponent()。與encodeURI()的區(qū)別是,它用于對(duì)URL的組成部分進(jìn)行個(gè)別編碼,而不用于對(duì)整個(gè)URL進(jìn)行編碼。因此,“; / ? : @ & = + $ , #”,這些在encodeURI()中不被編碼的符號(hào),在encodeURIComponent()中統(tǒng)統(tǒng)會(huì)被編碼。至于具體的編碼方法,兩者是一樣。它對(duì)應(yīng)的解碼函數(shù)是decodeURIComponent()。

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

function isAndroid(){
    return /Android/.test(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);
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容