摘要:使用的好處有以下幾點(diǎn)你可以多次調(diào)用和函數(shù),并使用不同的回調(diào)函數(shù)?;蛟S你的一個(gè)回調(diào)函數(shù)用來(lái)停止動(dòng)畫(huà),一個(gè)用來(lái)發(fā)起一個(gè)新的請(qǐng)求,一個(gè)用來(lái)將接受到的數(shù)據(jù)展示給用戶。即使在調(diào)用完成之后,你依然可以調(diào)用和函數(shù),并且回調(diào)函數(shù)可以立即執(zhí)行。
Deferred和Promise之間有什么區(qū)別呢?
promise一個(gè)promise就是一個(gè)由異步函數(shù)返回的對(duì)象。當(dāng)你想要自己編寫(xiě)一個(gè)這樣的函數(shù)時(shí)你需要使用一個(gè)deferred。
var promise = $.ajax({ url: "/myServerScript" }); promise.done(mySuccessFunction); promise.fail(myErrorFunction); var promise = $.ajax({ url: "/myServerScript" }); promise.then(mySuccessFunction,myErrorFunction);
使用Promises的好處有以下幾點(diǎn):
你可以多次調(diào)用done()和fail()函數(shù),并使用不同的回調(diào)函數(shù)?;蛟S你的一個(gè)回調(diào)函數(shù)用來(lái)停止動(dòng)畫(huà),一個(gè)用來(lái)發(fā)起一個(gè)新的AJAX請(qǐng)求,一個(gè)用來(lái)將接受到的數(shù)據(jù)展示給用戶。
var promise = $.ajax({ url: "/myServerScript" }); promise.done(myStopAnimationFunction); promise.done(myOtherAjaxFunction); promise.done(myShowInfoFunction); promise.fail(myErrorFunction);
即使在AJAX調(diào)用完成之后,你依然可以調(diào)用done()和fail()函數(shù),并且回調(diào)函數(shù)可以立即執(zhí)行。不同的狀態(tài)之間并不會(huì)發(fā)生變量混亂。當(dāng)一個(gè)AJAX調(diào)用結(jié)束時(shí),它保持了一個(gè)成功狀態(tài)或者失敗狀態(tài),這個(gè)狀態(tài)不會(huì)發(fā)生改變。
你可以合并promises。有時(shí)你需要同時(shí)進(jìn)行兩個(gè)AJAX請(qǐng)求并且想要在兩個(gè)AJAX請(qǐng)求都成功時(shí)調(diào)用一個(gè)函數(shù)。為了完成這個(gè)任務(wù),你需要使用一個(gè)新的$.when()函數(shù):
var promise1 = $.ajax("/myServerScript1"); var promise2 = $.ajax("/myServerScript2"); $.when(promise1, promise2).done(function(xhrObject1, xhrObject2) { // 處理兩個(gè)XHR對(duì)象 });deferred
簡(jiǎn)單說(shuō),deferred對(duì)象就是jQuery的回調(diào)函數(shù)解決方案。 在英語(yǔ)中,defer的意思是"延遲",所以deferred對(duì)象的含義就是"延遲"到未來(lái)某個(gè)點(diǎn)再執(zhí)行。
一個(gè)deferred對(duì)象能做的和一個(gè)promise對(duì)象差不多,但是它有兩個(gè)函數(shù)來(lái)觸發(fā)done()和fail()函數(shù)。
一個(gè)deferred對(duì)象擁有一個(gè)resolve()函數(shù)來(lái)處理一個(gè)成功的結(jié)果并執(zhí)行與done()相關(guān)的函數(shù)。reject()函數(shù)則用來(lái)處理失敗的結(jié)果并執(zhí)行與fail()相關(guān)的函數(shù)。
你可以給resolve()和reject()函數(shù)都提供參數(shù),然后它們都將傳遞給與done()和fail()相關(guān)的回調(diào)函數(shù)。
總結(jié)jQuery 的ajax 就是返回一個(gè)promise 對(duì)象,里面含有done(), fail()方法; deferred 就是實(shí)現(xiàn)返回這個(gè)promise 對(duì)象的過(guò)程。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/79083.html
摘要:?jiǎn)尉€程就意味著,所有任務(wù)需要排隊(duì),前一個(gè)任務(wù)結(jié)束,才會(huì)執(zhí)行后一個(gè)任務(wù)。這決定了它只能是單線程,否則會(huì)帶來(lái)很復(fù)雜的同步問(wèn)題。小結(jié)本身是單線程的,并沒(méi)有異步的特性。當(dāng)異步函數(shù)執(zhí)行時(shí),回調(diào)函數(shù)會(huì)被壓入這個(gè)隊(duì)列。 走在前端的大道上 本篇將自己讀過(guò)的相關(guān) js異步 的文章中,對(duì)自己有啟發(fā)的章節(jié)片段總結(jié)在這(會(huì)對(duì)原文進(jìn)行刪改),會(huì)不斷豐富提煉總結(jié)更新。 概念 JS 是單線程的語(yǔ)言。 單線程就意味著...
摘要:在服務(wù)器端,異步模式甚至是唯一的模式,因?yàn)閳?zhí)行環(huán)境是單線程的,如果允許同步執(zhí)行所有請(qǐng)求,服務(wù)器性能會(huì)急劇下降,很快就會(huì)失去響應(yīng)。第三是,捕捉不到他的錯(cuò)誤異步編程方法回調(diào)函數(shù)這是異步編程最基本的方法。 前言 你可能知道,Javascript語(yǔ)言的執(zhí)行環(huán)境是單線程(single thread)。所謂單線程,就是指一次只能完成一件任務(wù)。如果有多個(gè)任務(wù),就必須排隊(duì),前面一個(gè)任務(wù)完成,再執(zhí)行后面...
摘要:比較下和也就是說(shuō)返回值是的一個(gè)非狀態(tài)操作的子集,允許我們添加回調(diào),但是不允許我們操作的狀態(tài)。前面說(shuō)了的返回值是一個(gè)新的對(duì)象,如果在新的對(duì)象上繼續(xù)添加回調(diào)會(huì)怎么樣呢我們分兩種情況來(lái)看。方法的返回值不是對(duì)象的返回值會(huì)傳遞給的參數(shù)。 前言 Deferred是從1.5版本引入的一個(gè)核心特性之一,主要是為了解決Callback Hell,老生常談的問(wèn)題,這里就不多贅述了。本文旨在剖析Deferr...
摘要:回調(diào)隊(duì)列對(duì)象,用于構(gòu)建易于操作的回調(diào)函數(shù)集合,在操作完成后進(jìn)行執(zhí)行。對(duì)象對(duì)象,用于管理回調(diào)函數(shù)的多用途列表。如果傳入一個(gè)延遲對(duì)象,則返回該對(duì)象的對(duì)象,可以繼續(xù)綁定其余回調(diào),在執(zhí)行結(jié)束狀態(tài)之后也同時(shí)調(diào)用其回調(diào)函數(shù)。 在工作中我們可能會(huì)把jQuery選擇做自己項(xiàng)目的基礎(chǔ)庫(kù),因?yàn)槠涮峁┝撕?jiǎn)便的DOM選擇器以及封裝了很多實(shí)用的方法,比如$.ajax(),它使得我們不用操作xhr和xdr對(duì)象,直...
摘要:給普通的操作指定回調(diào)函數(shù)對(duì)象的最大優(yōu)點(diǎn),就是它把這一套回調(diào)函數(shù)接口,從操作擴(kuò)展到了所有操作。方法用于指定對(duì)象狀態(tài)為已失敗時(shí)的回調(diào)函數(shù)。執(zhí)行完畢執(zhí)行成功執(zhí)行失敗接收一個(gè)或多個(gè)對(duì)象作為參數(shù),為其指定回調(diào)函數(shù)。 什么是deferred對(duì)象 開(kāi)發(fā)網(wǎng)站的過(guò)程中,我們經(jīng)常遇到某些耗時(shí)很長(zhǎng)的javascript操作。其中,既有異步的操作(比如ajax讀取服務(wù)器數(shù)據(jù)),也有同步的操作(比如遍歷一個(gè)大型...
閱讀 3664·2021-09-22 15:15
閱讀 3567·2021-08-12 13:24
閱讀 1314·2019-08-30 15:53
閱讀 1826·2019-08-30 15:43
閱讀 1189·2019-08-29 17:04
閱讀 2798·2019-08-29 15:08
閱讀 1586·2019-08-29 13:13
閱讀 3091·2019-08-29 11:06