JavaScript的執(zhí)行流程是分為"同步"與"異步"
傳統(tǒng)的異步操作會(huì)在操作完成之后，使用回調(diào)函數(shù)傳回結(jié)果，而回調(diào)函數(shù)中則包含了后續(xù)的工作。這也是造成異步編程困難的主要原因：
我們一直習(xí)慣于“線性”地編寫代碼邏輯，但是大量異步操作所帶來(lái)的回調(diào)函數(shù)，會(huì)把我們的算法分解地支離破碎。
嵌套式回調(diào)
動(dòng)畫為例，下一個(gè)動(dòng)畫要等上一個(gè)執(zhí)行完畢才可以繼續(xù)，流程就會(huì)寫到回調(diào)里面
//執(zhí)行多個(gè)動(dòng)畫
$('ele1').animate({
opacity: '.5'
}, 4000, function() {
$('ele2').animate({
width: '100px'
}, 2000, function() {
$('ele3').animate({
height: '0'
}, 2000);
});
});
上面的代碼編程邏輯也是正確的，但是針對(duì)這樣的異步嵌套的回調(diào)邏輯，當(dāng)我們的嵌套越多，代碼結(jié)構(gòu)層級(jí)會(huì)變得越來(lái)越深。首先是閱讀上會(huì)變得困難，其次是強(qiáng)耦合，接口變得不好擴(kuò)展。我們需要一種模式來(lái)解決這種問(wèn)題，這就是Promises所要做的事情。
為了讓前端們從回調(diào)的地獄中回到天堂， jQuery 也引入了 Promise 的概念。 Promise 是一種令代碼異步行為更加優(yōu)雅的抽象，有了它，我們就可以像寫同步代碼一樣去寫異步代碼。這個(gè)東東看起來(lái)很復(fù)雜，實(shí)際上我們只要抓住核心的使用就可以了
觀察右邊代碼：
通過(guò)$.Deferred處理過(guò)的代碼，很明顯沒(méi)有了回調(diào)的嵌套，雖然代碼量看起來(lái)多了點(diǎn)，但是實(shí)際上，每一個(gè)代碼執(zhí)行部分都被封裝了起來(lái)，只留了Deferred的接口處理了，等于是我們把執(zhí)行的流程控制交給了Deferred，這樣的好處就是我們?cè)趯懬短缀瘮?shù)的時(shí)候，可以用deferred提供的管道風(fēng)格編寫同步代碼了
dtd.then(function() {
//操作1
}).then(function() {
//操作2
}).then(function() {
//操作3
})
這里要了解3個(gè)步驟
var dtd = $.Deferred(); //創(chuàng)建
dtd.resolve(); //成功
dtd.then() //執(zhí)行回調(diào)
具體的我們可以參考下jQuery的Deferred部分的API說(shuō)明，點(diǎn)擊此處
我們將會(huì)在下一節(jié)，用jQuery的Deferred去改造代碼的執(zhí)行流程
請(qǐng)驗(yàn)證，完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多，請(qǐng)先驗(yàn)證，完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)