進(jìn)階11

1下面的代碼輸出多少积仗?修改代碼讓 fnArr[i]() 輸出 i藤滥。使用 兩種以上的方法

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

第一種方法:創(chuàng)建函數(shù)

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

第二種方法:立即執(zhí)行函數(shù)

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

方法三:函數(shù)return函數(shù)

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

2封裝一個(gè)汽車對(duì)象委造,可以通過如下方式獲取汽車狀態(tài)

var Car = (function(){
    var speed = 0;
    function setSpeed(s){  //傳入速度
        speed = s
    }
    function getSpeed(){  //獲得速度
        return speed
    }
    function accelerate(){  //加速  +20
        speed+=10
    }
    function decelerate(){  //減速  -10
        speed>0?speed-=10:speed;
    }
    function getStatus(){  //判斷運(yùn)行狀態(tài) running或者stop
        return speed>0?'running':'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);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
//1
//3
//2

可以把代碼看成

var a;
var a = 1;
console.log(a);

a = 3;
console.log(a);

setTimeout(function(){
   a = 2;
   console.log(a);
}, 0);
  • 代碼依次往下執(zhí)行伪阶,首先看到定時(shí)器腺办,即時(shí)定時(shí)器設(shè)置的時(shí)間間隔為0腕扶,但不會(huì)立即執(zhí)行藻雌,還是會(huì)有默認(rèn)的40毫秒左右的時(shí)間差雌续,所以這個(gè)時(shí)候?yàn)g覽器會(huì)先解析完其他的代碼,然后看到var a 胯杭,a的聲明提升并賦值a=1驯杜,所以第一個(gè)打印是全局中的a,打印出1做个;
  • 接著讀到a=3鸽心,即給全局中的變量a賦值為3滚局,打印出3;
  • 最后執(zhí)行定時(shí)器函數(shù)顽频,延時(shí)為0藤肢,立即執(zhí)行函數(shù),a = 2改變?nèi)肿兞縜的值糯景,輸出變量a嘁圈,打印出2.

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

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);

// while(flag){}無線循環(huán)后面的都不執(zhí)行
// 因?yàn)閟etTimeout要等到后面的執(zhí)行后才執(zhí)行; while(flag){}的flag為true所以while無限循環(huán)蟀淮;co
nsole.log(flag);不執(zhí)行

5下面這段代碼輸出丑孩?如何輸出delayer: 0, delayer:1...(使用閉包來實(shí)現(xiàn))

for(var i=0;i<5;i++){
    setTimeout(function(){
         console.log('delayer:' + i );
    }, 0);
    console.log(i);
}

Console Run  Clear
//0
//1
//2
//3
//4
//"delayer:5"
//"delayer:5"
//"delayer:5"
//"delayer:5"
//"delayer:5"

代碼

for (var i = 0; i < 5; i++) {
 !function() {
   var j = i;
   setTimeout(function() {      
     console.log('delayer:' + j);
   }, 0);
 }()
}
//"delayer:0"
//"delayer:1"
//"delayer:2"
//"delayer:3"
//"delayer:4"

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

element.offsetWidth 和 element.offsetHeight 獲取

7URL 如何編碼解碼?為什么要編碼灭贷?

解碼:
decodeURI()
decodeURIComponent()

編碼:
encodeURI()
encodeURIComponent()

【文檔標(biāo)準(zhǔn)】
RFC3986文檔規(guī)定,Url中只允許包含英文字母(a-zA-Z)略贮、數(shù)字(0-9)甚疟、-_.~4個(gè)特殊字符以及所有保留字符。RFC3986文檔對(duì)Url的編解碼問題做出了詳細(xì)的建議逃延,指出了哪些字符需要被編碼才不會(huì)引起Url語義的轉(zhuǎn)變览妖,以及對(duì)為什么這些字符需要編碼做出了相應(yīng)的解釋。

HTTP協(xié)議中通過URL傳參是通過鍵值對(duì)形式進(jìn)行的揽祥,格式上是以讽膏?、&和=為特征標(biāo)識(shí)進(jìn)行解析拄丰,如果鍵或者值的內(nèi)容中包含這些符號(hào)府树,就會(huì)造成解析錯(cuò)誤,所以要進(jìn)行編碼料按,用不會(huì)造成歧義的符號(hào)代替有歧義的符號(hào)奄侠。

URL編碼的原則就是使用安全的字符(沒有特殊用途或者特殊意義的可打印字符)去表示那些不安全的字符。

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

function isAndroid(){
    return /Android/.test(navigator.userAgent);
}
funcnction 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)系作者
  • 序言:七十年代末垄潮,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子闷盔,更是在濱河造成了極大的恐慌弯洗,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,548評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件逢勾,死亡現(xiàn)場(chǎng)離奇詭異牡整,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)溺拱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門果正,熙熙樓的掌柜王于貴愁眉苦臉地迎上來炎码,“玉大人,你說我怎么就攤上這事秋泳×氏校” “怎么了?”我有些...
    開封第一講書人閱讀 167,990評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵迫皱,是天一觀的道長歉闰。 經(jīng)常有香客問我,道長卓起,這世上最難降的妖魔是什么和敬? 我笑而不...
    開封第一講書人閱讀 59,618評(píng)論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮戏阅,結(jié)果婚禮上昼弟,老公的妹妹穿的比我還像新娘。我一直安慰自己奕筐,他們只是感情好舱痘,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,618評(píng)論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著离赫,像睡著了一般芭逝。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上渊胸,一...
    開封第一講書人閱讀 52,246評(píng)論 1 308
  • 那天旬盯,我揣著相機(jī)與錄音,去河邊找鬼翎猛。 笑死胖翰,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的切厘。 我是一名探鬼主播泡态,決...
    沈念sama閱讀 40,819評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼迂卢!你這毒婦竟也來了某弦?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,725評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤而克,失蹤者是張志新(化名)和其女友劉穎靶壮,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體员萍,經(jīng)...
    沈念sama閱讀 46,268評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡腾降,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,356評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了碎绎。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片螃壤。...
    茶點(diǎn)故事閱讀 40,488評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡抗果,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出奸晴,到底是詐尸還是另有隱情冤馏,我是刑警寧澤,帶...
    沈念sama閱讀 36,181評(píng)論 5 350
  • 正文 年R本政府宣布寄啼,位于F島的核電站逮光,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏墩划。R本人自食惡果不足惜涕刚,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,862評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望乙帮。 院中可真熱鬧杜漠,春花似錦、人聲如沸察净。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,331評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽塞绿。三九已至,卻和暖如春恤批,著一層夾襖步出監(jiān)牢的瞬間异吻,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,445評(píng)論 1 272
  • 我被黑心中介騙來泰國打工喜庞, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留诀浪,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,897評(píng)論 3 376
  • 正文 我出身青樓延都,卻偏偏與公主長得像雷猪,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子晰房,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,500評(píng)論 2 359

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理求摇,服務(wù)發(fā)現(xiàn),斷路器殊者,智...
    卡卡羅2017閱讀 134,696評(píng)論 18 139
  • 1: 下面的代碼輸出多少与境?修改代碼讓 fnArr[i]() 輸出 i。使用 兩種以上的方法 方法1:聲明個(gè)函數(shù)哥谷,創(chuàng)...
    曉風(fēng)殘?jiān)?994閱讀 385評(píng)論 0 0
  • 題目1: 下面的代碼輸出多少乒验?修改代碼讓 fnArri 輸出 i婴洼。使用 兩種以上的方法 方法1讓函數(shù)及時(shí)自我執(zhí)行钥组。...
    Feiyu_有貓病閱讀 327評(píng)論 0 0
  • 題目1: 下面的代碼輸出多少共屈?修改代碼讓 fnArri 輸出 i绑谣。使用 兩種以上的方法 題目2: 封裝一個(gè)汽車對(duì)象...
    hhg121閱讀 174評(píng)論 0 0
  • 不知怎么的,提到洪波兄弟拗引,總會(huì)想到敬愛的“陳老總”——你道哪位陳老總借宵?陳毅呀,既當(dāng)元帥又會(huì)寫打油詩的那位寺擂。如今太平...
    海月先生閱讀 1,005評(píng)論 4 9