案例:

var def=$.Deferred();
console.log(def);//答案见 图1

图1:

deferred就是一个有这些方法的对象。

看源码分析:

Deferred: function( func ) {
var tuples = [
// action, add listener, listener list, final state
[ "resolve", "done", jQuery.Callbacks("once memory"), "resolved" ],
[ "reject", "fail", jQuery.Callbacks("once memory"), "rejected" ],
[ "notify", "progress", jQuery.Callbacks("memory") ]
],
state = "pending",
promise = {
state: function() {
return state;
},
always: function() {
deferred.done( arguments ).fail( arguments );
return this;
},
then: function( /* fnDone, fnFail, fnProgress */ ) {
var fns = arguments;
return jQuery.Deferred(function (newDefer) { //20170620 huanhua 当调用 jQuery.Deferred(参数) 参数不为空的时候,参数必须是 包含 $.Deferred()对象参数的函数
//if ( func ) { func.call( deferred, deferred );} 详见下面这段代码。
jQuery.each(tuples, function (i, tuple) {
var action = tuple[ 0 ],
fn = jQuery.isFunction( fns[ i ] ) && fns[ i ];
// deferred[ done | fail | progress ] for forwarding actions to newDefer
deferred[ tuple[1] ](function() {
var returned = fn && fn.apply(this, arguments);
//20170620 huanhua 如果then方法传递的参数 [fnDone, fnFail, fnProgress],其中的函数如果返回的是 Defferred对象。
if (returned && jQuery.isFunction(returned.promise)) {
//20170620 huanhua 此时注册的 done/fail/progess 就是传入的 Defferred对象已经注册好了的对象
//20170624 huahua returned是一个 deferred,在 fn 里面,必须要调用 deferred.resolve/deferred.reject/deferred.notify
//否则不会 触发 newDefer.resolve/newDefer.reject/newDefer.notify
returned.promise()
.done( newDefer.resolve )
.fail( newDefer.reject )
.progress( newDefer.notify );
} else {
newDefer[ action + "With" ]( this === promise ? newDefer.promise() : this, fn ? [ returned ] : arguments );
}
});
});
fns = null;
}).promise();
},
// Get a promise for this deferred
// If obj is provided, the promise aspect is added to the object
promise: function (obj) {
return obj != null ? jQuery.extend( obj, promise ) : promise;
}
},
deferred = {}; // Keep pipe for back-compat
promise.pipe = promise.then; // Add list-specific methods jQuery.each( tuples, function( i, tuple ) {
var list = tuple[2], //20170619 huanhua jQuery.Callbacks("once memory") | jQuery.Callbacks("once memory") | jQuery.Callbacks("memory")
stateString = tuple[3]; //20170619 huanhua "resolved" | "rejected" | undefined // promise[ done | fail | progress ] = list.add
//20170619 huanhua promise.done/promise.fail/promise.progess = jQuery.Callbacks(参数).add
promise[ tuple[1] ] = list.add; // Handle state
//20170619 huanhua stateString取值 "resolved" | "rejected" | undefined
if ( stateString ) {
list.add(function() {
// state = [ resolved | rejected ]
state = stateString; // [ reject_list | resolve_list ].disable; progress_list.lock
//20170619 huanhua 0 ^ 1=1 1 ^ 1 = 0 2 ^ 1 = 3
//20170619 huanhua stateString取值 "resolved" | "rejected" | undefined,所以 i 只能取值 0或者 1
//20170620 huanhua 解释 tuples[i ^ 1][2].disable, tuples[2][2].lock
//当 i=0 时,stateString="resolved",已经执行完,tuples[i ^ 1][2]=tuples[1][2],就是 fail的 disable,tuples[2][2] 就是 progess的 lock
//当 i=1 时,stateString="rejected",已经拒绝了,tuples[i ^ 1][2]=tuples[0][2],就是 done的 disable,tuples[2][2] 就是 progess的 lock
}, tuples[i ^ 1][2].disable, tuples[2][2].lock);
} // deferred[ resolve | reject | notify ]
//20170619 huanhua deferred.resolve()/deferred.reject()/deferred.notify()
//最终调用的都是 deferred.resolveWith()/deferred.rejectWith()/deferred.notifyWith()
deferred[tuple[0]] = function () {
deferred[tuple[0] + "With"](this === deferred ? promise : this, arguments);
return this;
};
//20170619 huanhua deferred.resolveWith()/deferred.rejectWith()/deferred.notifyWith()最终调用的就是 callBacks的 fire()
deferred[ tuple[0] + "With" ] = list.fireWith;
}); // Make the deferred a promise
// 20170619 huanhua 把promise的属性全部扩展到 defferred对象上
promise.promise( deferred ); // Call given func if any
if ( func ) {
func.call( deferred, deferred );
}
// All done!
return deferred;
},

最新文章

  1. Android启动标记
  2. c语言warning总结
  3. Nginx模块之————RTMP模块在Ubuntu 14.04年的设置与搭建
  4. html5 表单样式 表单验证1 2 3
  5. C#winform项目添加引用编译文件
  6. Apache的虚拟主机配置
  7. EasyTouch 3.1中文翻译
  8. Android Service实时向Activity传递数据
  9. 网络IPC:套接字之非阻塞和异步I/O
  10. Windows常用命令使用总结
  11. hdu 4111 Alice and Bob
  12. linux中创建静态库和动态库
  13. css 文本两端对齐
  14. Spring MVC中DispatcherServlet工作原理探究
  15. [AS/400] 基本概念
  16. springmvc常见注解模式
  17. php 去掉 头尾 空格 2种方法
  18. ZIP文件解压
  19. AngularJS进阶(四)ANGULAR.JS实现下拉菜单单选
  20. Hibernate对应关系(了解)

热门文章

  1. 神州数码OSPF Stub(末梢区域)和Totally Stub(完全末梢区域)的配置
  2. datePecker时间控件区间写法
  3. Dubbo的Filter实战--整合Oval校验框架
  4. PTA——乘2后不变
  5. sails.js mvc framework learning
  6. Android引入动态库so的方法
  7. goaccess geoip 测试
  8. 第3章 Java数组(上): 一维数组和二维数组
  9. 一 Struts框架(上)
  10. Linux内核分析第七次作业