Promise的使用详解

今天药忘吃喽~ 2023-10-07 13:38 1阅读 0赞

### 一、什么是Promise ###

Promise 是异步编程的一种解决方案： 从语法上讲，Promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。 `Promise`有三种状态：`pending(等待态)`，`fulfiled(成功态)`，`rejected(失败态)`；状态一旦改变，就不会再变。创建Promise实例后，它会立即执行。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzc4NTk3_size_16_color_FFFFFF_t_70]

### 二、Promise的作用 ###

Promise的出现主要是解决地狱回调的问题，比如你需要结果需要请求很多个接口，这些接口的参数需要另外那个的接口返回的数据作为依赖，这样就需要我们一层嵌套一层，但是有了Promise我们就无需嵌套。简单总结为以下三点：

*  解决回调地狱，代码难以维护，常常第一个的函数的输出是第二个函数的输入这种现象。
 *  Promise可以支持多个并发的请求，获取并发请求中的数据。
 *  Promise可以解决异步的问题，本身不能说Promise是异步。

### 三、Promise的本质 ###

我认为Promise的本质就是分离了异步数据获取和业务逻辑。

### 四、基本API ###

1.  Promise.resolve()
2.  Promise.reject()
3.  Promise.prototype.then()
4.  Promise.prototype.catch()
5.  Promise.all() // 所有的完成
6.  Promise.all(\[p1,p2,p3\])

### 五、代码示例 ###

Promise 构造函数接受一个函数作为参数，该函数的两个参数分别是 resolve 方法和 reject 方法。

多组打印结果：

first resolved: 3
    second resolved: 4
    
    first resolved: 5
    second resolved: 6
    
    num,it is too big
    second resolved: NaN

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzc4NTk3_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200425193514941.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzc4NTk3,size_16,color_FFFFFF,t_70