進(jìn)階11-閉包&異步

。# 題目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>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末陡舅,一起剝皮案震驚了整個濱河市抵乓,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌灾炭,老刑警劉巖颅眶,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異铡原,居然都是意外死亡偷厦,警方通過查閱死者的電腦和手機(jī)只泼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進(jìn)店門卵洗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人忌怎,你說我怎么就攤上這事籍滴。” “怎么了榴啸?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵孽惰,是天一觀的道長鸥印。 經(jīng)常有香客問我,道長狂鞋,這世上最難降的妖魔是什么潜的? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮啰挪,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘抽活。我一直安慰自己锰什,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布梭姓。 她就那樣靜靜地躺著,像睡著了一般誉尖。 火紅的嫁衣襯著肌膚如雪谢谦。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天没咙,我揣著相機(jī)與錄音千劈,去河邊找鬼。 笑死墙牌,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的捉捅。 我是一名探鬼主播虽风,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼辜膝!你這毒婦竟也來了无牵?” 一聲冷哼從身側(cè)響起厂抖,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎七蜘,沒想到半個月后耕蝉,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡蒜魄,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年场躯,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片伞鲫。...
    茶點故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡秕脓,死狀恐怖柒瓣,靈堂內(nèi)的尸體忽然破棺而出吠架,到底是詐尸還是另有隱情,我是刑警寧澤磺平,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布拣挪,位于F島的核電站,受9級特大地震影響菠劝,放射性物質(zhì)發(fā)生泄漏乙埃。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一甫何、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧辙喂,春花似錦鸠珠、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽亲族。三九已至可缚,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間帘靡,已是汗流浹背知给。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工戈次, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人筒扒。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓霎肯,卻偏偏與公主長得像观游,于是被迫代替她去往敵國和親驮俗。 傳聞我的和親對象是個殘疾皇子懂缕,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,724評論 2 354

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