進(jìn)階任務(wù)11-閉包、定時器焦匈、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);
    }
  • 封裝一個汽車對象缓熟,可以通過如下方式獲取汽車狀態(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í)行吕世,但是它會等待其他代碼執(zhí)行完畢后再計時并執(zhí)行,接著聲明a沒有變化梯投,然后打印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)么鹤,因為setTimeout并不會在while代碼段之前執(zhí)行终娃,所以flag的值為true,while代碼段陷入死循環(huán)

  • 面這段代碼輸出蒸甜?如何輸出delayer: 0, delayer:1...(使用閉包來實現(xià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);
}

以上代碼輸出結(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);
}
  • 如何獲取元素的真實寬高
let style = window.getComputedStyle(element);
console.log(style.width, style.height);  
  • URL 如何編碼解碼?為什么要編碼柠新?
    一般來說窍荧,URL只能使用英文字母、阿拉伯?dāng)?shù)字和某些標(biāo)點符號恨憎,不能使用其他文字和符號搅荞,其余字符都需要經(jīng)過編碼才能使用在URL中。
    encodeURL:它著眼于對整個URL進(jìn)行編碼框咙,因此除了常見的符號以外咕痛,對其他一些在網(wǎng)址中有特殊含義的符號“; / ? : @ & = + $ , #”,也不進(jìn)行編碼喇嘱。編碼后茉贡,它輸出符號的utf-8形式,并且在每個字節(jié)前加上%者铜。它對應(yīng)的解碼函數(shù)是decodeURI()腔丧。
    encodeURIComponent()。與encodeURI()的區(qū)別是作烟,它用于對URL的組成部分進(jìn)行個別編碼愉粤,而不用于對整個URL進(jìn)行編碼。因此拿撩,“; / ? : @ & = + $ , #”衣厘,這些在encodeURI()中不被編碼的符號,在encodeURIComponent()中統(tǒng)統(tǒng)會被編碼。至于具體的編碼方法影暴,兩者是一樣错邦。它對應(yīng)的解碼函數(shù)是decodeURIComponent()。

  • 補全如下函數(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)容合作請聯(lián)系作者
  • 序言:七十年代末撬呢,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子妆兑,更是在濱河造成了極大的恐慌魂拦,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,104評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件搁嗓,死亡現(xiàn)場離奇詭異晨另,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)谱姓,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來刨晴,“玉大人屉来,你說我怎么就攤上這事”否” “怎么了茄靠?”我有些...
    開封第一講書人閱讀 168,697評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長蝶桶。 經(jīng)常有香客問我慨绳,道長,這世上最難降的妖魔是什么真竖? 我笑而不...
    開封第一講書人閱讀 59,836評論 1 298
  • 正文 為了忘掉前任脐雪,我火速辦了婚禮,結(jié)果婚禮上恢共,老公的妹妹穿的比我還像新娘战秋。我一直安慰自己,他們只是感情好讨韭,可當(dāng)我...
    茶點故事閱讀 68,851評論 6 397
  • 文/花漫 我一把揭開白布脂信。 她就那樣靜靜地躺著,像睡著了一般透硝。 火紅的嫁衣襯著肌膚如雪狰闪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,441評論 1 310
  • 那天濒生,我揣著相機(jī)與錄音埋泵,去河邊找鬼。 笑死罪治,一個胖子當(dāng)著我的面吹牛秋泄,可吹牛的內(nèi)容都是我干的琐馆。 我是一名探鬼主播,決...
    沈念sama閱讀 40,992評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼恒序,長吁一口氣:“原來是場噩夢啊……” “哼瘦麸!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起歧胁,我...
    開封第一講書人閱讀 39,899評論 0 276
  • 序言:老撾萬榮一對情侶失蹤滋饲,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后喊巍,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體屠缭,經(jīng)...
    沈念sama閱讀 46,457評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,529評論 3 341
  • 正文 我和宋清朗相戀三年崭参,在試婚紗的時候發(fā)現(xiàn)自己被綠了呵曹。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,664評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡何暮,死狀恐怖奄喂,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情海洼,我是刑警寧澤跨新,帶...
    沈念sama閱讀 36,346評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站坏逢,受9級特大地震影響域帐,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜是整,卻給世界環(huán)境...
    茶點故事閱讀 42,025評論 3 334
  • 文/蒙蒙 一肖揣、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧浮入,春花似錦许饿、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,511評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至秽晚,卻和暖如春瓦糟,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背赴蝇。 一陣腳步聲響...
    開封第一講書人閱讀 33,611評論 1 272
  • 我被黑心中介騙來泰國打工菩浙, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 49,081評論 3 377
  • 正文 我出身青樓劲蜻,卻偏偏與公主長得像陆淀,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子先嬉,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,675評論 2 359

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

  • 1- 算出代碼的輸出值轧苫;修改代碼讓 fnArri 輸出 i 結(jié)果:輸出 10,因為循環(huán)的時候 fnArr[i] =...
    osborne閱讀 147評論 0 0
  • 題目1: 下面的代碼輸出多少疫蔓?修改代碼讓 fnArr[i]() 輸出 i含懊。使用 兩種以上的方法 var fnArr...
    saintkl閱讀 364評論 0 0
  • 題目1: 下面的代碼輸出多少?修改代碼讓 fnArri 輸出 i衅胀。使用 兩種以上的方法 方法一: 方法二: 方法三...
    南山碼農(nóng)閱讀 286評論 0 1
  • 題目1: 下面的代碼輸出多少岔乔?修改代碼讓 fnArri 輸出 i。使用 兩種以上的方法 輸出10 修改為1var ...
    我是一只_魚閱讀 211評論 0 1
  • 下面的代碼輸出多少?修改代碼讓 fnArr[i]() 輸出 i掸掏。使用 兩種以上的方法 方法一:創(chuàng)建函數(shù)形成獨立的作...
    _Dot912閱讀 360評論 0 1