jQuery 源码分析笔记(3) Deferred机制 - Web前端

Deferred把回调函数注册到一个队列中，统一管理，并且可以同步或者异步地调用这些函数。
JQuery.Deferred()用来构造一个Deferred对象。该对象有状态值，共有三种: Rejected, Resolved和初始状态。其中Resolved表示该操作成功完成了，而Rejected 则表示出现了错误，调用失败。Deferred对象的主要成员如下：
done(callback): 注册一个callback函数，当状态为resolved时被调用。 * fAIl(callback): 注册一个callback函数，当状态为rejected时被调用。 * always(callback): 注册一个callback函数，无论是resolved或者rejected都会被调用。 * then(successCallback, failureCallback): 同时传入成功和失败的回调函数。 * pipe(successfilter, failurefilter): 在调用成功和失败的回调函数前先调用pipe 指定的函数。算是一种管道机制，拦截了函数调用。 * resolve(args): 把状态设置为Resolved。 * reject(args): 把状态设置为Rejected。 * PRomse(): 返回的是一个不完整的Deferred的接口，没有resolve和reject。即不能修改Deferred对象的状态。可以看作是一种只读视图。这是为了不让外部函数提早触发回调函数。比如$.Ajax在1.5版本后不再返回XMLHttpRequest，而是返回一个封装了 xmlhttpRequest和Deferred对象接口的Object。其中Deferred部分就是Promise()得到的，这样不让外部函数调用resolve和reject，防止在ajax完成前触发回调函数。把这两个函数的调用权限保留给ajax内部。
这个模块的代码从939行开始，紧接着jQuery对象的声明。也算是一个基础核心代码了。同时也是1.5版本最大的变化之一。
实际上Resolve和Reject的代码逻辑是一样的，只是对应的状态不同而已。为了代码复用，内部先实现了一个Deferred，然后真正的Deferred内部new了两个Deferred，一个作为 Resolve，另一个作为Reject。
_Deferred对象内部维护了一个函数数组(callback list)。Done(f1, f2...)的工作就是把这些callback依次push到这个队列中保存下来。而resolveWith（带参的resolve）和resolve依次调用这写callback函数。
Done中，需要判断事件是否已经完成。如果callback加入chain时事件已经完成，则需要马上执行callback。这个特性是让callback不用再和触发异步事件声明写在一起的原因。比如原来必须写$.post("...", function(data) { ... })。这个success callback必须写在这里，而现在可以写:
复制代码 代码如下:
var defer = $.post("...");
// ...
defer.success(function(data) {
// ...
});
// ...
defer.fail(function(data) {
// ...
});

这样异步事件的声明和回调函数就可以分别管理了。这是1.5版本重写后的最大变化。
pipe(successFilter, failureFilter)函数修改了原来对象中的callback list。在两个callback list前面用then函数分别插入了Filter函数。然后返回。这样当这个Deferred对象的状态变化时，会先调用pipe函数指定的Filter函数，然后才会调用callback list。
promise()则单纯许多，就是new一个新object，然后把需要的成员copy进去。这个需要的成员定义在一个叫promiSEMethods常量中。
复制代码 代码如下:
var promisemethods = "done fail isResolved isRejected promise then always pipe".split(" ");

标签：源码机制笔记WebDeferredjQuery