jQuery中的Deferred和promise 的区别

rickchen 发布于2019-08-19 18:00 / 2832人阅读

摘要：使用的好处有以下几点你可以多次调用和函数，并使用不同的回调函数。或许你的一个回调函数用来停止动画，一个用来发起一个新的请求，一个用来将接受到的数据展示给用户。即使在调用完成之后，你依然可以调用和函数，并且回调函数可以立即执行。

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 对象的过程。

GPU云服务器云服务器 promise_deferred区别 javascript和jquery的区别 jquery和javascript的区别 jquery_deferred对象

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79083.html

一篇文章带你尝试拿下js异步

摘要：单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。这决定了它只能是单线程，否则会带来很复杂的同步问题。小结本身是单线程的，并没有异步的特性。当异步函数执行时，回调函数会被压入这个队列。走在前端的大道上本篇将自己读过的相关 js异步的文章中，对自己有启发的章节片段总结在这（会对原文进行删改），会不断丰富提炼总结更新。概念 JS 是单线程的语言。单线程就意味着...

MartinDai 2019-08-21 18:24 评论0 收藏0
javascript异步编程详解

摘要：在服务器端，异步模式甚至是唯一的模式，因为执行环境是单线程的，如果允许同步执行所有请求，服务器性能会急剧下降，很快就会失去响应。第三是，捕捉不到他的错误异步编程方法回调函数这是异步编程最基本的方法。前言你可能知道，Javascript语言的执行环境是单线程（single thread）。所谓单线程，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面...

huangjinnan 2019-08-20 10:48 评论0 收藏0
jQuery Deferred

摘要：比较下和也就是说返回值是的一个非状态操作的子集，允许我们添加回调，但是不允许我们操作的状态。前面说了的返回值是一个新的对象，如果在新的对象上继续添加回调会怎么样呢我们分两种情况来看。方法的返回值不是对象的返回值会传递给的参数。前言 Deferred是从1.5版本引入的一个核心特性之一，主要是为了解决Callback Hell，老生常谈的问题，这里就不多赘述了。本文旨在剖析Deferr...

HollisChuang 2019-08-19 17:27 评论0 收藏0
jQuery源码解析Deferred异步对象

摘要：回调队列对象，用于构建易于操作的回调函数集合，在操作完成后进行执行。对象对象，用于管理回调函数的多用途列表。如果传入一个延迟对象，则返回该对象的对象，可以继续绑定其余回调，在执行结束状态之后也同时调用其回调函数。在工作中我们可能会把jQuery选择做自己项目的基础库，因为其提供了简便的DOM选择器以及封装了很多实用的方法，比如$.ajax()，它使得我们不用操作xhr和xdr对象，直...

Coding01 2019-08-21 17:13 评论0 收藏0
jQuery Deferred对象

摘要：给普通的操作指定回调函数对象的最大优点，就是它把这一套回调函数接口，从操作扩展到了所有操作。方法用于指定对象状态为已失败时的回调函数。执行完毕执行成功执行失败接收一个或多个对象作为参数，为其指定回调函数。什么是deferred对象开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型...

baoxl 2019-08-20 15:28 评论0 收藏0