[JavaScript知识库]Javascript实现一个简单的Promise

一、什么是Promise？

? ? Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了`Promise`对象.

? ? 所谓`Promise`，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。

二、Promise语法

const?p1?=?new?Promise((resolve,reject)?=>{

????????setTimeout(()?=>{

??????????resolve("fulfilled")

????????},1000)

??????})

?p1.then(()?=>{},()=>{})

promise存在三种状态

??????Pending（进行中），Fulfilled（已完成），Rejected（已完成）

??????resolve?的作用就是将?Promise?对象的状态从?Pending?转换为?Fulfilled。同时传递一个值出去。

??????reject?则是将?Promise?对象的状态从?Pending?转换为?Rejected。同时传递一个值（可以是错误）出去。

三、实列解析

执行代码浏览器输出“hello”

?

如果改为

执行代码,并无任何输出，这是为什么呢？

在相关回调函数下打印信息如下，可以看到浏览器输出

?

说明先执行了.then,this.status无值，再执行res就不会有任何输出。

所以我们还需要加入异步操作，用一个数组来存放回调函数，再执行派发。

?

执行代码后发现浏览器输出如下所示，说明异步的功能也实现了

?如何实现Promise的链式调用功能呢？

????首先要想到返回什么才能再then，怎么样才能把上一个函数then的返回值，放到下个then

1. 我们需要每次then后返回还是一个Promise才行
2. 我们需要把第一个函数的return的值，放到第二then中

?

?