2018-02-12

3.1 這里有一個(gè) url https://baijiahao.baidu.com/s?id=1583617694892288463&wfr=spider&for=pc 寫一個(gè)函數(shù) 獲取 query 的參數(shù)和值存放在一個(gè)對象中歹茶。
function getQuery(url){
    let query = { }
    let i = url.indexOf('?')+1
    let l = url.slice(i,url.length).split('&')
    l.forEach((val,index)=>{
        var arr = val.split('=')
        query[arr[0]] = arr[1]
    })
    return query
}
var url = 'https://baijiahao.baidu.com/s?id=1583617694892288463&wfr=spider&for=pc'
getQuery(url)
引用,淺拷貝耿戚,深拷貝

深拷貝
JSON.parse(JSON.stringify(obj))
或各個(gè)層級淺拷貝
淺拷貝
開辟新的存儲空間苔悦,如Object.assign艾岂,slice窿锉,concat等等他們只深拷貝頂層的數(shù)組或?qū)ο蟮ǎ晕矣X得他們應(yīng)該叫淺拷貝。
引用
直接賦值

快速排序

好久沒寫= =

function QuickSort(arr){
    var leftArr = []
    var rightArr = []
    if(arr.length >= 1){
        for(var i = 1 ; i < arr.length ; i++){
            if(arr[i]<=arr[0]){
                leftArr.push(arr[i])
            }else{
                rightArr.push(arr[i])
            }
        }
    }else{
        return arr
    }
    return [].concat(QuickSort(leftArr),arr[0],QuickSort(rightArr))
}
QuickSort([3,2,1,8,9,84,5,16,5])
Promise

promise.png

結(jié)果是4,3,2,1
解析一下良风,每次new一個(gè)新的Promise對象谊迄,傳入的函數(shù)都立即執(zhí)行,進(jìn)入函數(shù)后調(diào)用了resolve(1)烟央,但是resolve的promise是在本輪事件循環(huán)的末尾執(zhí)行统诺,總是晚于本輪循環(huán)的同步任務(wù)(這也是為什么調(diào)用resolve、reject不會終結(jié)Promise的原因)疑俭,所以再往下篙议,設(shè)置的Promise.resolve().then(()=>console.log(2))相當(dāng)于

new Promise(resolve=>resolve()).then(()=>console.log(2))

同理也是立即執(zhí)行,resolve()執(zhí)行怠硼,但是then方法將在當(dāng)前腳本所有的同步任務(wù)執(zhí)行完才會執(zhí)行,所以此時(shí)輸出2的then進(jìn)入事件隊(duì)列移怯,單線程的js還是需要執(zhí)行剩下的同步代碼香璃,然后下一行執(zhí)行console.log(4),此時(shí)resolve(1)的事件循環(huán)結(jié)束舟误,輸出1的then進(jìn)入事件隊(duì)列葡秒,再然后,繼續(xù)執(zhí)行當(dāng)前腳本同步任務(wù)嵌溢,輸出3眯牧,然后根據(jù)事件隊(duì)列先進(jìn)先出的原則,2先進(jìn)赖草,輸出2学少,最后輸出1.
知識點(diǎn)如下

1,then方法指定的回調(diào)函數(shù)秧骑,將在當(dāng)前腳本所有同步任務(wù)執(zhí)行完才會執(zhí)行版确。

2,調(diào)用resolve或reject并不會終結(jié) Promise 的參數(shù)函數(shù)的執(zhí)行乎折。

3绒疗,resolved 的 Promise 是在本輪事件循環(huán)的末尾執(zhí)行,總是晚于本輪循環(huán)的同步任務(wù)骂澄。

4吓蘑, 任務(wù)隊(duì)列優(yōu)先級:promise.Trick()>promise的回調(diào)>setTimeout>setImmediate

// 能知道下面代碼答案上面的你就懂了[滑稽]
var promise = new Promise(resolve=>{
    console.log(3)
    setTimeout(()=>{
        console.log(4)
        resolve(1)
    },0)
}).then(t=>{
    console.log(t)
})  
console.log(2)
setTimeout(()=>{
    console.log(5)
},0)
類數(shù)組對象

JavaScript 類數(shù)組對象的定義:

可以通過索引訪問元素,并且擁有 length 屬性坟冲;
沒有數(shù)組的其他方法磨镶,例如 push 溃蔫, forEach , indexOf 等棋嘲。

var obj = {0:'asd',1:'zxc',length:2}
Array.prototype.map.call(obj,function(val){
    console.log(val)
    return val
})
Array.from(obj)
> asd
> zxc
> (2) ["asd", "zxc"]
Chrome 中文界面下默認(rèn)會將小于 12px 的文本強(qiáng)制按照 12px 顯示,可通過加入 CSS 屬性 -webkit-text-size-adjust: none; 解決酒唉。
多個(gè)異步操作順序執(zhí)行
function test2(arr){
    arr.reduce((First,Second)=>{
        return First.then(()=>{
            return new Promise((resolve,reject)=>{
                setTimeout(()=>{
                    console.log(Second)
                    resolve()
                },(6-Second)*1000)
            })
        })
    },Promise.resolve())
}
var arr = [1,2,3,4,5,6]
test2(arr)
改寫成async await模式
async function test3(){
        // 用forEach和map會報(bào)錯(cuò),會創(chuàng)建多個(gè)async函數(shù)沸移,異步操作無法順序執(zhí)行
    for(var val of arr){
          await new Promise((resolve,reject)=>{
              setTimeout(()=>{
                      console.log(val)
                      resolve()
                  },(6-val)*1000)
          })
    } 
}
var arr = [1,2,3,4,5,6]
test3(arr)
async/await 和 Promise
async function async1() {
    console.log("a");
    await  async2(); //執(zhí)行這一句后痪伦,await會讓出當(dāng)前線程,繼續(xù)執(zhí)行函數(shù)后面的同步代碼,再將后面的代碼加到任務(wù)隊(duì)列中
    console.log("b");

}
async function async2() {
   console.log( 'c');
}
console.log("d");
setTimeout(function () {
    console.log("e");
},0);
async1();
new Promise(function (resolve) {
    console.log("f");
    resolve();
}).then(function () {
    console.log("g");
});
console.log('h');
// d a c f h g b e
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末雹锣,一起剝皮案震驚了整個(gè)濱河市网沾,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蕊爵,老刑警劉巖辉哥,帶你破解...
    沈念sama閱讀 223,002評論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異攒射,居然都是意外死亡醋旦,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評論 3 400
  • 文/潘曉璐 我一進(jìn)店門会放,熙熙樓的掌柜王于貴愁眉苦臉地迎上來饲齐,“玉大人,你說我怎么就攤上這事咧最∥嫒耍” “怎么了?”我有些...
    開封第一講書人閱讀 169,787評論 0 365
  • 文/不壞的土叔 我叫張陵矢沿,是天一觀的道長滥搭。 經(jīng)常有香客問我,道長捣鲸,這世上最難降的妖魔是什么瑟匆? 我笑而不...
    開封第一講書人閱讀 60,237評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮栽惶,結(jié)果婚禮上脓诡,老公的妹妹穿的比我還像新娘。我一直安慰自己媒役,他們只是感情好祝谚,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,237評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著酣衷,像睡著了一般交惯。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,821評論 1 314
  • 那天席爽,我揣著相機(jī)與錄音意荤,去河邊找鬼。 笑死只锻,一個(gè)胖子當(dāng)著我的面吹牛玖像,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播齐饮,決...
    沈念sama閱讀 41,236評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼捐寥,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了祖驱?” 一聲冷哼從身側(cè)響起握恳,我...
    開封第一講書人閱讀 40,196評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎捺僻,沒想到半個(gè)月后乡洼,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,716評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡匕坯,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,794評論 3 343
  • 正文 我和宋清朗相戀三年束昵,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片葛峻。...
    茶點(diǎn)故事閱讀 40,928評論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡锹雏,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出泞歉,到底是詐尸還是另有隱情,我是刑警寧澤匿辩,帶...
    沈念sama閱讀 36,583評論 5 351
  • 正文 年R本政府宣布腰耙,位于F島的核電站,受9級特大地震影響铲球,放射性物質(zhì)發(fā)生泄漏挺庞。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,264評論 3 336
  • 文/蒙蒙 一稼病、第九天 我趴在偏房一處隱蔽的房頂上張望选侨。 院中可真熱鬧,春花似錦然走、人聲如沸援制。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,755評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽晨仑。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間洪己,已是汗流浹背妥凳。 一陣腳步聲響...
    開封第一講書人閱讀 33,869評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留答捕,地道東北人逝钥。 一個(gè)月前我還...
    沈念sama閱讀 49,378評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像拱镐,于是被迫代替她去往敵國和親艘款。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,937評論 2 361

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

  • Promise 對象 Promise 的含義 Promise 是異步編程的一種解決方案痢站,比傳統(tǒng)的解決方案——回調(diào)函...
    neromous閱讀 8,712評論 1 56
  • 你不知道JS:異步 第三章:Promises 在第二章磷箕,我們指出了采用回調(diào)來表達(dá)異步和管理并發(fā)時(shí)的兩種主要不足:缺...
    purple_force閱讀 2,072評論 0 4
  • 本文適用的讀者 本文寫給有一定Promise使用經(jīng)驗(yàn)的人,如果你還沒有使用過Promise阵难,這篇文章可能不適合你岳枷,...
    HZ充電大喵閱讀 7,313評論 6 19
  • 官方中文版原文鏈接 感謝社區(qū)中各位的大力支持,譯者再次奉上一點(diǎn)點(diǎn)福利:阿里云產(chǎn)品券呜叫,享受所有官網(wǎng)優(yōu)惠空繁,并抽取幸運(yùn)大...
    HetfieldJoe閱讀 11,028評論 26 95
  • 之所以起意閱讀《從優(yōu)秀到卓越》這本書,是因?yàn)樽x了一篇汽車之家創(chuàng)始人李想的文章朱庆,其中提到汽車之家的高層曾經(jīng)反復(fù)閱讀吉...
    倆小禾閱讀 5,375評論 1 4