前言

“尽管我已经在使用promise来处理异步交互了，但是我面对各种resolve和reject、defer等字眼的时候还是一脸懵逼。我只知道then。”——奥利维亚威廉

Promise是一种设计模式

起初我总是被网上的傻逼欺骗，他们说：“所谓 Promise，就是一个对象，用来传递异步操作的消息。它代表了某个未来才会知道结果的事件（通常是一个异步操作），并且这个事件提供统一的 API，可供进一步处理。”

这句话我听不懂，但我不敢对别人说我听不懂，这样显得我是一个不合格的程序员，所以我在下面评论：“博主写的不错。”
其实我在心里已经把他从屁眼开始一路操到了天灵盖。——尼古拉斯

直到有一天，我遇到了Denny，一位混迹在乡镇夜市的程序员，他说：“promise就是一种设计模式，Q以及bluebird不就是根据这个设计模式写出来的实现吗？”
我听后恍然大悟，Denny缓缓地拿起一颗毛豆，放到嘴里，“你要是足够牛逼的话，你也可以照着这个设计模式写一个自己的Promise。”
那一刻我感觉他是今晚的村镇之王。

“用一种设计模式来解决异步的回调金字塔。”——Denny

Defer是什么

“已经被淘汰了，别鸡巴问了。”——不知名的程序员

我们用angular，我们用$q，我们四处都能看见Defer，我就是要问，这是一种信仰。接着，某个晚上我梦到了一张图，这个图上画着宇宙的真理。

image.png

promise是一个对象，有status属性和value属性，status属性默认是pending，value属性默认是undefined。
deferred是一个对象，同时promise是deferred的一个属性，可以通过deferred.promise获得：

var deferr  = Promise.defer();//这儿的Promise只是个恰巧重名的构造函数
var promise = deferr.promise;

我一定要试试

“你是呆逼么？我告诉过你defer已经被淘汰了” ——chrome61

resolve 和 reject

resolve和reject是defer对象的方法，用来操作自己的promise对象。

“我用resolve是为了操promise ”——不咬人的蚊子

resolve方法接收一个参数，可以将promise的status改为成功，并且将promise的value设置为传进去的参数。
reject方法接收一个参数，可以将promise的status改为失败，并且将promise的value设置为传进去的参数。

defer和promise在视察工作

then vs catch

catch方法用来注册一个回调函数，当defer.reject被执行的时候，这个回调函数就会被执行。这个回调函数会拿取自己所在promise的value值作为参数
then方法可以注册两个回调函数fn1和fn2，当defer.resolve被执行的时候，fn1执行；当defer.reject被执行的时候，fn2执行。这两个个回调函数会拿取自己所在promise的value值作为参数。

catch(fn1);
then(fn1,fn2);

现在的Promise什么样？

这样：

var p = new Promise(function(resolve, reject){
});

“操你妈的resolve和reject到底是什么玩意儿？”——无名氏

当Promise对象意识到自己的状态不需要Defer这个对象来操作的时候，它就把Defer的这两个方法抢了过来。一种更容易理解的方式是：resolve和reject是Promise在内部定义的，操作自己status和value的方法，你可以假装他们其实是通过两个参数进行了依赖注入，就像angular的$scope那样

//angular的依赖注入
app.controller("userController", function ($scope) {
    $scope.name='userScope'//可以在这里操作scope
})
//Promise的构造方法
var p = new Promise(function(resolve, reject){
  //用这个方法操作promise的状态
  //当构造函数运行的时候，下面的代码会立刻执行
   resolve("拿到的数据")
});

有图为证：

image.png

“为什么当我揍了Defer的脸并抢了他的钱包然后睡了他老婆以后，他就不愿意再理我了？难道我很过分吗？”——知乎网友 Promise

.then()是啥原理

.then的原理要先明白.done的原理。

要想富，先脱裤，多生孩子少种树。——斯坦尼斯推夫斯基

那么.done()是啥原理

.done方法用于注册两个回调函数。在Promise内部有一个回调函数仓库，done方法用于向这个仓库里面放入两个回调函数。
当然，在放入仓库之前，done会看看当前promise的状态，如果是已经完成或者失败的状态，那么done会直接执行相应回调函数，就不往仓库里面推入了，毕竟仓库容量有限。
如果done在推入仓库之前发现当前promise的状态是执行中，那么就直接推入仓库，接下来，当resolve函数执行的时候，resolve会检查仓库里面的回调函数并且执行他们。