進(jìn)階任務(wù)11:閉包_定時(shí)器_BOM

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

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

修改代碼讓fnArri輸出i:

第一種:
var fnArr = [];
for (var i=0; i<10; i++){
 (function(num){
   fnArr[num] = function(){
     return num;
   };
 })(i);
}
console.log(fnArr[3]()); //3

第二種:
var fnArr = [];
   for (var i = 0; i < 10; i ++) {
       fnArr.push(i);
       };
   console.log( fnArr[3]); //3

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

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

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

var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a); // 2
}, 0);
var a ;
console.log(a); //1
a = 3;
console.log(a); //3
輸出結(jié)果為:1,3,2 setTimeout是在js代碼塊執(zhí)行完之后延遲執(zhí)行最后輸出2。

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

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);
因?yàn)閟etTimeout會(huì)在最后執(zhí)行,但由于while中flag一直等于true無(wú)限循環(huán)不會(huì)執(zhí)行到setTimeout語(yǔ)句里。不會(huì)有任何結(jié)果。

題目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);
} //
"delayer:5"
"delayer:5"
"delayer:5"
"delayer:5"
"delayer:5"


for(var i=0; i<5; i++){
  (function(j){
    setTimeout(function(){
      console.log('delayer' + j);
    },0);
  })(i)
} //
"delayer0"
"delayer1"
"delayer2"
"delayer3"
"delayer4"

題目6: 如何獲取元素的真實(shí)寬高

function trueStyle(ele,pseduoElement)
{
    //IE不支持window.getComputedStyle(),支持element.currentStyle();
    return ele.currentStyle?ele.currentStyle():window.getComputedStyle(ele,pseduoElement)
}
var trueHeight = trueStyle(ele).height;
var trueWidth = trueHeight(ele).windth;

題目7: URL 如何編碼解碼?為什么要編碼?

  • URL如何編碼解碼?

JavaScript提供四個(gè)URL的編碼/解碼方法。

  1. decodeURI()
  2. decodeURIComponent()
  3. encodeURI()
  4. encodeURIComponent()

區(qū)別

encodeURI方法不會(huì)對(duì)下列字符編碼

1. ASCII字母
2. 數(shù)字
2. ~!@#$&*()=:,;?+'

encodeURIComponent方法不會(huì)對(duì)下列字符編碼

1.  ASCII字母
2. 數(shù)字
3. ~!*()‘

所以encodeURICompoon比encodeURI編碼的范圍更大。
實(shí)際例子來(lái)說(shuō),encodeURIComponent會(huì)把http://編碼成http%3A%2F%2F而encodeURI卻不會(huì)。
如果你需要編碼整個(gè)URL,然后需要使用這個(gè)URL,那么用encodeURI。
encodeURI(“http://bolg.jirengu.com/?cat=11&a=饑人谷”);//“http://blog.jirengu.com/?cat=11&a=%25E9%9%25A5%25A5%25E4%25BA%25BA%25E8%25B0%25B7
其中,漢字被編碼。但是如果你用了encodeURIComponent,那么結(jié)果變?yōu)?/p>

其中,漢字被編碼。但是如果你用了encodeURIComponent,那么結(jié)果變?yōu)?/p>

"http%3A%2F%2Fblog.jirengu.com%2F%3Fcat%3D11%26a%3D%25E9%25A5%25A5%25E4%25BA%25BA%25E8%25B0%25B7"
  • 為什么要編碼
    有時(shí)候我們拿到一組url是帶參數(shù)的地址,但是如果是一堆未被編碼的url,會(huì)使得我們無(wú)法知道那些值是參數(shù),哪些是正常符號(hào),所以需要先把一些特殊字符進(jìn)行編碼,然后剩余的就是參數(shù)了,就可以正常解析;另外和服務(wù)器傳輸時(shí),也需要將一些符號(hào)進(jìn)行編碼一遍前后端傳輸和解析。

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

function isAndroid(){
  return /Android/.text(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)容

  • 1- 算出代碼的輸出值;修改代碼讓 fnArri 輸出 i 結(jié)果:輸出 10,因?yàn)檠h(huán)的時(shí)候 fnArr[i] =...
    osborne閱讀 205評(píng)論 0 0
  • 下面的代碼輸出多少?修改代碼讓 fnArri 輸出 i。使用兩種以上的方法 以上代碼輸出為10 修改后代碼一: 修...
    RookieD閱讀 217評(píng)論 0 0
  • 題目1: 下面的代碼輸出多少?修改代碼讓 fnArr[i]() 輸出 i。使用 兩種以上的方法 var fnArr...
    saintkl閱讀 433評(píng)論 0 0
  • 朋友都會(huì)很好奇問(wèn)我,為什么買(mǎi)這么多水晶??? 水晶有靈性,它們的清澈透亮、純潔無(wú)瑕的美麗外表深深吸引我。除了欣賞和喜...
    蝦仔餅閱讀 695評(píng)論 0 9
  • 2014年的最后一天,有很多很多的感動(dòng)和感謝,想講給有的人聽(tīng),,,, 首先感謝爸爸媽媽和親愛(ài)的弟弟。經(jīng)常會(huì)覺(jué)得自己...
    葫蘆娃__閱讀 384評(píng)論 0 0

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