閉包_定時器_BOM

閉包_定時器_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 ++) {
        (function(i){
            fnArr[i] =  function(){
            return i;
        };
    })(i)
        
    }
    console.log( fnArr[3]() );
方法二
var fnArr=[];
for(var i = 0; i < 10; i ++){
  fnArr[i] = function(i){
    return function(){
      return i;
    };
  }(i);
}

console.log(fnArr[3]());
封裝一個汽車對象,可以通過如下方式獲取汽車狀態(tài)
var Car = (function(){
   var speed = 0;
   function setSpeed(s){
     speed = s
   }
   function accelerate(){
      speed += 10;
   }
   function getSpeed(){
      return speed;
   }
   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
下面這段代碼輸出結(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;遇到setTimeout函數(shù)時,會被掛起咪惠,等待同步任務執(zhí)行玩之后,在執(zhí)行消息隊列中的任務淋淀,所以先輸出1,3遥昧,之后輸出2
下面這段代碼輸出結(jié)果是? 為什么?
var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);
//無輸出,當遇到setTimeout時會被掛起朵纷,執(zhí)行到while(flag){}時渠鸽,因為flag = true,相當于while(1)再此處無限循環(huán)柴罐,后面為空語句所以無輸出
下面這段代碼輸出徽缚?如何輸出delayer: 0, delayer:1...(使用閉包來實現(xiàn))
for(var i=0;i<5;i++){
    setTimeout(function(){
         console.log('delayer:' + i );
    }, 0);
    console.log(i);
}
改為
for(var i=0;i<5;i++){

    setTimeout(function(){
         console.log('delayer:' + i );
    }(i), 0);
    console.log(i);
}
如何獲取元素的真實寬高
  • 一般可用window.getComputedStyle()獲取元素計算后的(真實的)樣式
  • /IE不支持getComputedStyle(),替代的是element.currentStyle();
    可以做以下兼容:
  function trueStyle(element,pseduoElement){
      return element.currentStyle ? element.currentStyle : 
      getComputedStyle(element,[pseduoElement])
  }
  var trueWidth = trueStyle(element).width
  var trueHeight = trueStyle(element).height
URL 如何編碼解碼革屠?為什么要編碼凿试?
  • 編碼
encodeURI()
或者
encodeURIComponent()

區(qū)別:
encodeURI方法不會對下列字符編碼:

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

encodeURIComponent方法不會對下列字符編碼:

  1. ASCII字母
  2. 數(shù)字
  3. ~!*()'
    所以encodeURIComponent比encodeURI編碼的范圍更大
  • 解碼
decodeURI()
或者
decodeURIComponent()
  • 為什么要編碼
    Http協(xié)議中參數(shù)的傳輸是"key=value"這種鍵值對形式的,如果要傳多個參數(shù)就需要用“&”符號對鍵值對進行分割似芝。如"?name1=value1&name2=value2"那婉,這樣在服務端在收到這種字符串的時候,會用“&”分割出每一個參數(shù)党瓮,然后再用“=”來分割出參數(shù)值详炬。如果你的value字符串中包含了=或者&,那么會造成接收Url的服務器解析錯誤寞奸,因此必須將引起歧義的&和=符號進行轉(zhuǎn)義呛谜,也就是對其進行編碼。
    又如枪萄,URL的編碼格式采用的是ASCII碼隐岛,而不是Unicode,這也就是說你不能在Url中包含任何非ASCII字符瓷翻,例如中文聚凹。否則如果客戶端瀏覽器和服務端瀏覽器支持的字符集不同的情況下,中文可能會造成問題齐帚。
    URL編碼的原則就是使用安全的字符(沒有特殊用途或者特殊意義的可打印字符)去表示那些不安全的字符
補全如下函數(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);
}
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市对妄,隨后出現(xiàn)的幾起案子湘今,更是在濱河造成了極大的恐慌,老刑警劉巖饥伊,帶你破解...
    沈念sama閱讀 217,277評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件象浑,死亡現(xiàn)場離奇詭異,居然都是意外死亡琅豆,警方通過查閱死者的電腦和手機愉豺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評論 3 393
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來茫因,“玉大人蚪拦,你說我怎么就攤上這事《逞海” “怎么了驰贷?”我有些...
    開封第一講書人閱讀 163,624評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長洛巢。 經(jīng)常有香客問我括袒,道長,這世上最難降的妖魔是什么稿茉? 我笑而不...
    開封第一講書人閱讀 58,356評論 1 293
  • 正文 為了忘掉前任锹锰,我火速辦了婚禮,結(jié)果婚禮上漓库,老公的妹妹穿的比我還像新娘恃慧。我一直安慰自己,他們只是感情好渺蒿,可當我...
    茶點故事閱讀 67,402評論 6 392
  • 文/花漫 我一把揭開白布痢士。 她就那樣靜靜地躺著,像睡著了一般茂装。 火紅的嫁衣襯著肌膚如雪怠蹂。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,292評論 1 301
  • 那天少态,我揣著相機與錄音褥蚯,去河邊找鬼。 笑死况增,一個胖子當著我的面吹牛赞庶,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播澳骤,決...
    沈念sama閱讀 40,135評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼歧强,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了为肮?” 一聲冷哼從身側(cè)響起摊册,我...
    開封第一講書人閱讀 38,992評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎颊艳,沒想到半個月后茅特,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體忘分,經(jīng)...
    沈念sama閱讀 45,429評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,636評論 3 334
  • 正文 我和宋清朗相戀三年白修,在試婚紗的時候發(fā)現(xiàn)自己被綠了妒峦。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,785評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡兵睛,死狀恐怖肯骇,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情祖很,我是刑警寧澤笛丙,帶...
    沈念sama閱讀 35,492評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站假颇,受9級特大地震影響胚鸯,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜笨鸡,卻給世界環(huán)境...
    茶點故事閱讀 41,092評論 3 328
  • 文/蒙蒙 一蠢琳、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧镜豹,春花似錦傲须、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至昔期,卻和暖如春已卸,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背硼一。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評論 1 269
  • 我被黑心中介騙來泰國打工累澡, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人般贼。 一個月前我還...
    沈念sama閱讀 47,891評論 2 370
  • 正文 我出身青樓愧哟,卻偏偏與公主長得像,于是被迫代替她去往敵國和親哼蛆。 傳聞我的和親對象是個殘疾皇子蕊梧,可洞房花燭夜當晚...
    茶點故事閱讀 44,713評論 2 354

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

  • 題目1: 下面的代碼輸出多少?修改代碼讓 fnArr[i]() 輸出 i腮介。使用 兩種以上的方法 var fnArr...
    saintkl閱讀 358評論 0 0
  • 1: 下面的代碼輸出多少肥矢?修改代碼讓 fnArr[i]() 輸出 i。使用 兩種以上的方法 方法1:聲明個函數(shù)叠洗,創(chuàng)...
    曉風殘月1994閱讀 382評論 0 0
  • 題目1: 下面的代碼輸出多少甘改?修改代碼讓 fnArri 輸出 i旅东。使用 兩種以上的方法 方法一: 方法二: 方法三...
    南山碼農(nóng)閱讀 280評論 0 1
  • 題目1: 下面的代碼輸出多少?修改代碼讓 fnArr[i]() 輸出 i十艾。使用 兩種以上的方法 題目2: 封裝一個...
    peaceChierdo閱讀 244評論 0 0
  • 1抵代、下面的代碼輸出多少?修改代碼讓 fnArr[i]() 輸出 i疟羹。使用兩種以上的方法主守。 方法一: 方法二: 方法...
    Jeff12138閱讀 83評論 0 0