jQuery的Deferred
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>deferred对象</title>
</head>
<body>
两个对象,一个是promise对象,另一个是deferred对象。
Deferred方法,返回deferred对象。
Deferred里面有then方法,返回promise对象。 jQuery源码
1.对参数做处理。
处理的目的是,对不合法的参数,返回错误。
对不同的参数类型,参数位置,做多态处理。
2.常用&&或者||或者三目判断。
3.常用typeof做判断。
4.假设全部以正确方式来运行的态度,看代码。
5.剔除源代码没必要的遍历,以最小集合来阅读。
</body>
<script src="../jquery-2.0.3.js"></script>
<script>
/*
dfd.then(fn1)
刚开始内部生成一个newDfd,
先把fn1装饰一下变成fn1-1,
再把fn1-1给dfd的函数队列。 因为dfd内部的list是once memory了,
所以fn1-1马上执行,内容如下:
fn1返回fn1-promise,
然后把newDfd的resolve函数给fn1-promise。 dfd.then(fn1)最后返回一个newDfd的newPromise
因为fn1-deferred已经resolve过了,
所以又执行newDfd.resolve,
接下来是下一个then了。
*/
// 看代码,弄清空间和空间之间的运动关系,逻辑也就清晰了。
// 分主次,首先把分枝减掉,留下主干,把主干搞清楚。
function Deferred( func ) {
var list = jQuery.Callbacks("once memory");
var promise = {
then: function() {
var fns = arguments;
var newDfd = Deferred(function( newDefer ) {
var fn = jQuery.isFunction( fns[ 0 ] ) && fns[ 0 ];
deferred[ "done" ](function() {
var returned = fn && fn.apply( this, arguments );
returned.promise().done( newDefer.resolve )
});
fns = null;
});
var newPromise = newDfd.promise();
return newPromise;
},
promise: function( obj ) {
return obj != null ? jQuery.extend( obj, promise ) : promise;
},
done: list.add
},
deferred = {
resolve: function() {
deferred[ "resolveWith" ]( this === deferred ? promise : this, arguments );
return this;
},
resolveWith: list.fireWith,
flag:"newDfd"
}; promise.promise( deferred ); if ( func ) {
func.call( deferred, deferred );
} return deferred;
} var dfd = Deferred();
dfd.flag = "dfdflag";
dfd.then(function(){
var dfd1 = Deferred();
dfd1.flag = "dfd1flag";
alert(1);
dfd1.resolve(); return dfd1.promise();
}).then(function(){
var dfd2 = Deferred();
alert(2);
dfd2.resolve();
return dfd2.promise();
}).then(function(){
var dfd3 = Deferred();
alert(3);
dfd2.resolve();
return dfd2.promise();
}); dfd.resolve(); </script> </html>
其实jQuery的Deferred还是有bug的。
设想如下代码:
function(){
var dfd = $.Deferred();
dfd.resolve();
$.ajax() return dfd.promise();
}
就算你提前resolve,ajax还是会执行。
jQuery的Deferred的更多相关文章
- jQuery之Deferred源码剖析
一.前言 大约在夏季,我们谈过ES6的Promise(详见here),其实在ES6前jQuery早就有了Promise,也就是我们所知道的Deferred对象,宗旨当然也和ES6的Promise一样, ...
- jQuery的deferred对象详解
jQuery的deferred对象详解请猛击下面的链接 http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_ ...
- jQuery的deferred对象学习
#copy { background-color: lightgreen; padding: 15px; margin: 10px } 一.deferred对象简介 deferred对象是jquery ...
- jquery 之 Deferred 使用与实现
观察者模式是开发中经常使用的模式,这个模式由两个主要部分组成:主题和观察者.通过观察者模式,实现主题和观察者的解耦. 主题负责发布内容,而观察者则接收主题发布的内容.通常情况下,观察者都是多个,所以, ...
- jQuery的deferred对象详解(转载)
本文转载自: jQuery的deferred对象详解(转载)
- jQuery的deferred对象
应用场景:处理异步任务 看到一篇阮一峰老师的博客挺好的讲的就是jQuery的deferred对象.坦诚讲之前没有怎么用过这个东东呢. 摘其中几点记录下 (1) $.Deferred() 生成一个def ...
- jQuery的deferred对象详解(一)
最近一段时间,都在研究jquery里面的$.Deffered对象,几天都搞不明白,其中源码的运行机制,网上查找了相关的资料,<jQuery的deferred对象详解>阮一峰老师的文章,里面 ...
- jQuery的deferred对象解析
参考: jQuery的deferred对象详解:http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_defe ...
- [转] jQuery的deferred对象详解
jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本. 每个版本都会引入一些新功能.今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象. ...
随机推荐
- Tomcat端口被占用快速解决方案
在dos下,输入 netstat -ano|findstr 8080 //说明:查看占用8080端口的进程 显示占用端口的进程 taskkill /pid 6856 /f //说明,运行 ...
- stc89c52开发板遥控器解码 红外线发射 内置 eeprom 存储 串口显示编码
单片机,大概三年前,就买了一本 <爱上单片机> 最后就学会,用面包板了,编程书上基本没讲. 看原理图,看时序图,看数据手册, 都没讲. 而且书上自带的代码写的很烂. 1,缩近控制不好 2, ...
- JSP/Servlet 中的汉字编码问题
JSP/Servlet 中的汉字编码问题 1.问题的起源 每个国家(或区域)都规定了计算机信息交换用的字符编码集,如美国的 ASCII,中国的 GB2312 -80,日本的 JIS 等,作为该国家/区 ...
- oracle sql获取随机数
SQL> select round(dbms_random.value(10000,99999)) num from dual;
- HDU 5795:A Simple Nim(博弈)
http://acm.hdu.edu.cn/showproblem.php?pid=5795 A Simple Nim Problem Description Two players take t ...
- northwind数据库介绍
① Categories: 种类表相应字段:CategoryID :类型ID:CategoryName:类型名;Description:类型说明;Picture:产品样本 ② CustomerCust ...
- rtc关机闹钟3 IAlarmManager
vim framework/base/core/java/android/app/IAlarmManager.aidl import android.app.AlarmManager;import a ...
- A类地址
一个A类IP地址由1字节(每个字节是8位)的网络地址和3个字节主机地址组成,网络地址的最高位必须是“0”.A类IP的地址第一个字段范围是0~127,但是由于全0和全1的地址用作特殊用途,实际可指派的第 ...
- linux ubuntu12.04 解压中文zip文件,解压之后乱码
在windows下压缩后的zip包,在ubuntu下解压后显示为乱码问题 1.zip文件解压之后文件名乱码: 第一步 首先安装7zip和convmv(如果之前没有安装的话) 在命令行执行安装命令如下: ...
- SDUT 2877:angry_birds_again_and_again
angry_birds_again_and_again Time Limit: 2000ms Memory limit: 65536K 有疑问?点这里^_^ 题目描述 The problems ...