jquery的deferred的简单介绍

以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题_jquery...

打开浏览器的控制台先。运行结果： 和ES6的Promise对象长的有点像，jQuery的Deferred对象也有resolve、reject、then方法，还有done、fail、always...方法。

promise就是一个由 异步函数返回的对象。deferred对象 能做的和promise对象差不多，但是它有两个函数来触发 done()和fail()函数 。一个deferred对象拥有一个resolve()函数来处理一个成功的结果并执行与done()相关的函数。

注意，这里已经不是直接返回 $.ajax() 的结果 jqXHR 对象了，返回的是新建 Deferred 对象的 promise 对象。复习了 Ajax，现在需要切入正题，找到 jQuery Promise 和 ES6 Promise 接近的地方—— then() 。

JavaScript中promise是一个对象，表示异步处理的最终完成或失败，使用promise可以很容易的进行异步处理，promise对象还可以明确异步执行成功和失败时的过程，因此可以消除问题的原因。

一个promise就是一个由异步函数返回的对象。deferred对象就是jQuery的回调函数解决方案。总结 jQuery 的ajax 就是返回一个promise 对象，里面含有done()，fail()方法；deferred 就是实现返回这个promise 对象的过程。

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

相关问答

Q1: jQUery的$.when().done()是依序执行,得到的是同步执行的效果,为什么...

通过这种方式，可以使异步操作串行的执行。同时，jQuery还提供了另外一种连接方式，看代码：jQuery中提供了$.when这个函数，它可以接受n个promise对象为参数，它是将promise的执行结果连接在一起。

原因是jQuery规定，任意一个deferred对象有三种执行状态---未完成，已完成和已失败。如果直接返回dtd，$.when()的默认执行状态为已完成，立即触发后面的done()方法，这就失去回调函数的作用了。

在IE8下的效果对比：首先说说思路，很简单的思路， a. 需要用一个Div来代替drop down list中选中记录显示的那个容器，通过offset来得到这个Div应该显示的位置，offtset.top和offset.left。

详细说就是，事件是同步触发，也就是说DOM发生变动立刻会触发相应的事件；Mutation Observer则是异步触发，DOM发生变动以后，并不会马上触发，而是要等到当前所有DOM操作都结束后才触发。

(function(){...})函数当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，执行。

Q2: 怎么使用jquery的then方法

1、打开浏览器的控制台先。运行结果： 和ES6的Promise对象长的有点像，jQuery的Deferred对象也有resolve、reject、then方法，还有done、fail、always...方法。

2、使用步骤如下：jQuery给放到一个文件夹里面，方便我们待会引用这个jQuery，这里我就放到我项目的js文件夹里面。然后我们来开始编辑HTML界面代码。使用script标签把jQuery引入到我们的HTML界面。

3、promise的连接我们还是以上面图片加载的代码为例，来看一下如何做promise的连接，看以下代码： promise对象提供了then的方法，它接受两个回调：onResolve和onReject，在回调中返回promise，就可以完成promise之间的连接。

4、then()方法是异步执行。意思是：就是当.then()前的方法执行完后再执行then()内部的程序，这样就避免了，数据没获取到等的问题。语法：promise.then(onCompleted， onRejected)；参数 promise必需。Promise 对象。

Q3: jQuery的Promise如何正确使用

1、封装异步操作首先，我们以加载图片为例，看以下代码：以上的代码，我封装了图片加载的操作，将他们委托给$.Deferred，最后生成一个promise返回。使用这样的方式，相比用对外暴露回调的方式，显得更干净、更清晰。

2、promise对象也可以执行并发异步处理，换句话说，可以按顺序执行多个异步处理，并在下一个处理中使用先前处理的结果。JavaScript按顺序执行命令语句例如，下面有三种函数，如果处理被sample2函数延迟，则不处理sample3函数。

3、通过rejecte（data）h或者resolve（data）将异步响应的数据提取出来，在promise外部使用。promise的then方法，用于处理成功或者失败的回调。//接收上面的回调 var p1 =p.then(function(res){ })。

4、我刚刚只是说了promise的一个大的应用场景，我觉得只要能把握住这个，具体的API就可以了。

jquery的deferred的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、jquery的deferred的信息别忘了在本站进行查找喔。