html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

jQuery中的Deferred和promise 的区别_jquery_

[ ] 已经帮助:人解决问题

Deferred和Promise之间有什么区别呢?A3VHTML5中文学习网 - HTML5先行者学习网

promiseA3VHTML5中文学习网 - HTML5先行者学习网

一个promise就是一个由 异步函数返回的对象 。当你想要自己编写一个这样的函数时你需要使用一个deferred。A3VHTML5中文学习网 - HTML5先行者学习网

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

使用Promises的好处有以下几点:A3VHTML5中文学习网 - HTML5先行者学习网

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

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

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

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

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

deferredA3VHTML5中文学习网 - HTML5先行者学习网

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

一个 deferred对象 能做的和一个promise对象差不多,但是它有两个函数来触发 done()和fail()函数 。A3VHTML5中文学习网 - HTML5先行者学习网

一个deferred对象拥有一个resolve()函数来处理一个成功的结果并执行与done()相关的函数。reject()函数则用来处理失败的结果并执行与fail()相关的函数。A3VHTML5中文学习网 - HTML5先行者学习网

你可以给resolve()和reject()函数都提供参数,然后它们都将传递给与done()和fail()相关的回调函数。A3VHTML5中文学习网 - HTML5先行者学习网

总结A3VHTML5中文学习网 - HTML5先行者学习网

jQuery 的ajax 就是返回一个promise 对象,里面含有done(), fail()方法; deferred 就是实现返回这个promise 对象的过程。A3VHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助