Javascript依赖注入学习笔记(5)_H5之家 - 中国HTML5教程资源分享第一站

if (noop !== resolver) {
    try {
      resolver(function (value) {
        resolve(promise, value);
      }, function (reason) {
        reject(promise, reason);
      });
    } catch (e) {
      reject(promise, e);
    }
}
}
FulfillPromise(promise, value)
检查[[state]]，必须为pending（不是pending的表示已经解析，不能重复解析）
赋值：[[Result]]=value，[[state]]=fulfilled
触发[[FulfillReactions]]的操作
和FulfillPromise联系最紧密的就是ResolvePromise了，这里我们给出的是ResolvePromise的实现，区别只是多了直接解析Promise。

function resolve(promise, value) {
// 要resolve的为promise（then的callback返回的是promise）
if (typeof value === 'object'
    && promise.constructor === value.constructor) {
    handleOwnThenable(promise, value);
}
// 要resolve的是值
else {
    if (promise._state !== PENDING) { return; }

promise._result = value;
promise._state = FULFILLED;

asap(publish, promise);
}
}

function reject(promise, reason) {
if (promise._state !== PENDING) { return; }

promise._state = REJECTED;
promise._result = reason;

asap(publish, promise);
}
Promise.prototype.then(onFullfilled, onRejected)
promise=this
新建resultCapability三元组，{[[Promise]], [[Resolve]], [[Reject]]}（[[Promise]]新建的）
fulfillReaction={[[Capabilities]]: resultCapability, [[Handler]]: onFulfilled}
rejectReaction={[[Capabilities]]: resultCapability, [[Handler]]: onRejected}
如果[[state]]是pending：fulfillReaction加入[[FulfillReactions]]，rejectReaction加入[[RejectReactions]]
如果[[state]]是fulfilled：fulfillReaction加入执行队列
如果[[state]]是rejected：rejectReaction加入执行队列
返回resultCapability.[[Promise]]
这里可以看出构造函数和then的关系是很紧密的，新建的promise如果是异步操作，那么状态就是pending，调用then时会新建子promise，并且将回调操作加入父promise的[[FulfillReactions]]或[[RejectReactions]]的数组里，这实际就是发布订阅模式。

他们是这样的关系： promise构造函数与then的关系

无论是new promise还是调用then或catch，都会得到一个新的promise，这些promise都会订阅父级promise的完成事件，父级promise完成之后就会执行一系列的回调操作，也就是发布。

Promise.prototype.catch(onRejected)
then的语法糖：then(null, onRejected)
下面就是Promise原型：

Promise.prototype = {
constructor: Promise,

then: function (onFulfillment, onRejection) {
var parent = this;
var state = parent._state;

    if (state === FULFILLED && !onFulfillment
        || state === REJECTED && !onRejection) {
        return this;
    }

var child = new Promise(noop);
var result = parent._result;

    if (state) {
      var callback = arguments[state - 1];
      asap(function () {
        invokeCallback(state, child, callback, result);
      });
    } else {
      subscribe(parent, child, onFulfillment, onRejection);
    }

return child;
},