如何理解Promise

这篇文章主要介绍“如何理解Promise”，在日常操作中，相信很多人在如何理解免费云主机、域名Promise问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”如何理解Promise”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！大概的架子通过我们经常写的 promise 语法，我们可以先写一个大概的架子出来，promise 接受回调，并且调用，自身带有三种状态，pendding, onFulfilled, onRejected,并且 resolve 这个函数可以让 pendding 状态变成 onFulfilled 状态，同理 reject 函数可以让 pendding 状态变成 onRejected 状态。我们先把上面描述部分实现了。resolve 的附加实现其实写到这里我们的 resolve 函数还是有一些功能没有实现的， 我们知道 调用 resolve(x), x 的值有好几种情况，如下如果 x 是 Promise 实例本身，则抛出错误如果 x 是一个 Promise 对象，那么 then 函数的执行取决这个 x 的状态，如果 x 也调用 resolve(y),其中 y 也是一个 promise 对象.那么 then 函数的执行取决于这个 promise 对象，依次类推，直到最后一个 promise 状态更改如果 x 是一个 thenable 对象，就是一个对象包含 then 这个属性，或者是一个函数包含一个 then 的静态方法,那么直接执行 then 函数如果 x 是一个普通值，直接变成 onFulfilled 状态，执行后面的 then 函数思考网上实现的大部分 resolve 都是我上面的代码，但是根据规范，resolve 函数里面应该是要判断上面几点的，所以我们上面写的代码是有误的还有一个问题是，我们需要在 resolve 函数里面判断 x 是不是实例的本身，但是正常的 resolve 函数我们经常是传入一个参数，所以中间肯定是有一个中间函数的，看下面的代码then 的实现我们上面介绍的是 promise 的 resolve 用法，promise 还有一个基本用法就是后面接 then,因为是.then 所以我们想到的是这个 then 方法挂在到原型上的，那么 new PromiseCopy 的时候就可以得到这个 then。then 里面是两个函数，一个是 onFulfilled 后执行的回调，一个是 onRejected 后执行的回调。现在的问题是他是怎么做到 then 里面的函数是在 resolve 和 reject 后执行的?这种推迟执行或者说在某种情况下去执行我们想到的就是观察者模式了。下面用代码把上面的话实现一遍，在代码里面会写详细一点的注释。then 的额外实现上面实现的 then 也是一个简单的用法，不过根据 PromiseA+的规范这个 then 函数还有几个点没有实现,看代码解释promise1.then 中的 onFulfilled，onRejected 函数如果返回一个 x,那么当作[[Resolve]](promise2, x)来处理，就跟上面的 resolve 一样处理，注意如果函数什么都没有返回，就是返回的 undefinedpromise1.then 函数中的两个回调函数只要有一个报错，那么直接调用 promise2.then 函数中的错误回调如果 promise1.then 的第一个回调不是函数，并且 promise1 调用的是 resolve,那么 promise2.then 的第一个回调参数是 promise1 中 resolve 函数的抛出值同理，如果 promise1.then 第二个回调不是函数，并且 promise1 调用的是 reject,那么 promise2.then 中的错误回调就会执行思考如果像上面这么说的话，这个新抛出来的 promise 何时调用这个 resolve 或者 reject 是一个关键, 并且这个抛出的 promise 的执行还得看 onFulfilled 和 onRejected 返回值，这一点当时写 promise 的时候想了很久，不知道如何组织，后来实在想不出来，看了下网上很多文章，发现这些逻辑都是在 PromiseCopy 主体里面实现的。return new PromiseCopy((resolve, reject) => {});then 实现加强版小结到这里 promise 的主体实现已经完成了，下面是测试结果Promise 其他静态方法Promise.resolverejectPromise.all这个方法有几个特点如下该方法接受一个数组，数组每一个元素都是一个 promise 对象只有所有 promise 都是 onFulfilled 的时候才会执行 then 回调，并且结果顺序和数组的一致如果其中一个 promise 发生了 reject 那么就会返回这个值Promise.race这个方法也有以下几个特点这个方法也是接受数组，数组的元素是 promise他只返回最快的那一个 promise 的值就算有错误也会返回最快那一个 promise 的值catch 方法deferred这个是 Promise 提供的一个快捷使用，自己实现 promise 的时候一定要加，不然 promises-aplus-tests promise.js 跑不过到此，关于“如何理解Promise”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注云技术网站，小编会继续努力为大家带来更多实用的文章！

相关推荐: html5表单及新增改良元素的示例分析

这篇文章主要介绍了html5表单及新增改良元素的示例分析，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。示例：感谢你能够认真阅读完这篇文章，希望小编分享的“html5表单及新增改良元素的示例分析”…