jQuery中的Deferred和promise 的区别

 更新时间:2016年4月6日 10:01  点击:1812

Deferred和Promise之间有什么区别呢?

promise

一个promise就是一个由 异步函数返回的对象 。当你想要自己编写一个这样的函数时你需要使用一个deferred。

var promise = $.ajax({
url: "/myServerScript"
});
promise.done(mySuccessFunction); 
promise.fail(myErrorFunction); 
var promise = $.ajax({
url: "/myServerScript"
}); 
promise.then(mySuccessFunction,myErrorFunction); 

使用Promises的好处有以下几点:

你可以多次调用done()和fail()函数,并使用不同的回调函数。或许你的一个回调函数用来停止动画,一个用来发起一个新的AJAX请求,一个用来将接受到的数据展示给用户。

var promise = $.ajax({ url: "/myServerScript" });
promise.done(myStopAnimationFunction); promise.done(myOtherAjaxFunction); 
promise.done(myShowInfoFunction); promise.fail(myErrorFunction);

即使在AJAX调用完成之后,你依然可以调用done()和fail()函数,并且回调函数可以立即执行。不同的状态之间并不会发生变量混乱。当一个AJAX调用结束时,它保持了一个成功状态或者失败状态,这个状态不会发生改变。

你可以合并promises。有时你需要同时进行两个AJAX请求并且想要在两个AJAX请求都成功时调用一个函数。为了完成这个任务,你需要使用一个新的$.when()函数:

var promise1 = $.ajax("/myServerScript1"); 
var promise2 = $.ajax("/myServerScript2");
$.when(promise1, promise2).done(function(xhrObject1, xhrObject2) { // 处理两个XHR对象 });

deferred

简单说,deferred对象就是jQuery的回调函数解决方案。在英语中,defer的意思是”延迟”,所以deferred对象的含义就是”延迟”到未来某个点再执行。

一个 deferred对象 能做的和一个promise对象差不多,但是它有两个函数来触发 done()和fail()函数 。

一个deferred对象拥有一个resolve()函数来处理一个成功的结果并执行与done()相关的函数。reject()函数则用来处理失败的结果并执行与fail()相关的函数。

你可以给resolve()和reject()函数都提供参数,然后它们都将传递给与done()和fail()相关的回调函数。

总结

jQuery 的ajax 就是返回一个promise 对象,里面含有done(), fail()方法; deferred 就是实现返回这个promise 对象的过程。

[!--infotagslink--]

相关文章

  • 浅析Promise的介绍及基本用法

    Promise是异步编程的一种解决方案,在ES6中Promise被列为了正式规范,统一了用法,原生提供了Promise对象。接下来通过本文给大家介绍Promise的介绍及基本用法,感兴趣的朋友一起看看吧...2021-10-21
  • 封装 axios+promise通用请求函数操作

    这篇文章主要介绍了封装 axios+promise通用请求函数操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-08-12
  • jQuery的promise与deferred对象在异步回调中的作用

    这篇文章主要介绍了jQuery的promise与deferred对象在异步回调中的作用,需要的朋友可以参考下...2016-05-05
  • ES6学习教程之Promise用法详解

    这篇文章主要给大家介绍了关于ES6学习教程之Promise用法的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-11-23
  • 详解JavaScript异步编程中jQuery的promise对象的作用

    这篇文章主要介绍了JavaScript异步编程中jQuery的promise对象的作用,同时也谈到了js的Dojo框架中promise模式的实现,需要的朋友可以参考下...2016-05-05
  • 在vue项目中promise解决回调地狱和并发请求的问题

    这篇文章主要介绍了在vue项目中promise解决回调地狱和并发请求的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-11-09
  • javascript下使用Promise封装FileReader

    这篇文章主要介绍了javascript下使用Promise封装FileReader,需要的朋友可以参考下...2016-02-21
  • jquery Deferred 快速解决异步回调的问题

    下面小编就为大家带来一篇jquery Deferred 快速解决异步回调的问题。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-04-06
  • jQuery中的Deferred和promise 的区别

    这篇文章主要介绍了jQuery中的Deferred和promise 的区别的相关资料,需要的朋友可以参考下...2016-04-06
  • 深入解析jQuery中Deferred的deferred.promise()方法

    这篇文章主要介绍了jQuery中Deferred的deferred.promise()方法,提醒千万要注意deferred.promise()与jQuery的.promise() 实例方法的区别,需要的朋友可以参考下...2016-05-05
  • JS异步代码单元测试之神奇的Promise

    这篇文章主要介绍了JS异步代码单元测试之神奇的Promise,对异步感兴趣的同学,可以参考下...2021-05-07
  • 理解JavaScript中Promise的使用

    这篇文章主要为大家介绍了JavaScript中Promise的使用,本文先介绍 Promises 相关规范,然后再通过解读一个迷你的 Promises 以加深理解,感兴趣的小伙伴们可以参考一下...2016-01-21
  • 取消正在运行的Promise技巧详解

    这篇文章主要为大家介绍了取消正在运行的Promise技巧详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪...2022-06-08
  • JS使用Promise时常见的5个错误总结

    Promise 提供了一种优雅的方法来处理 JS 中的异步操作。这也是避免“回调地狱”的解决方案。然而,并没有多少开发人员了解其中的内容。因此,许多人在实践中往往会犯错误。在本文中,介绍一下使用 promise 时的五个常见错误,希望大家能够避免...2022-11-11
  • JS异步编程Promise对象详解

    本文详细讲解了JS异步编程之Promise对象,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2022-06-26
  • Promise对象all与race方法手写示例

    这篇文章主要为大家介绍了Promise对象all与race方法手写示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪...2022-12-12
  • JavaScript详解使用Promise处理回调地狱与async await修饰符

    这篇文章主要介绍了JavaScript使用Promise处理回调地狱与async await修饰符,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2022-07-19
  • javascript中Promise使用详解

    这篇文章主要介绍了javascript中Promise使用详解,关于Promise的使用相关的知识点下面文章内容介绍详细具有一定的参考价值,需要的小伙伴可以参考一下...2022-04-12
  • Promise.race和Promise.any使用示例详解

    这篇文章主要为大家介绍了如何使用Promise.race()和Promise.any()示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪...2022-11-11
  • ES6的Promise用法详解

    本文详细讲解了ES6的Promise用法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-12-15