promise及其应用

Promise及其应用

目录

1.异步编程与Promise的关系

2.Promise的作用与用法

3.Promise在实际环境下的应用

4.async/await的作用与用法

---

1.异步编程与Promise的关系

1.1异步编程的含义：

异步编程是指代码执行时不会阻塞进程，而是使用回调函数、事件监听器、定时器等方式来处理异步操作。

1.2promise的含义：

Promise是ES6新增的一种处理异步操作的方式，它提供了一种更加优雅和便捷的方式来处理异步操作。它是一种非常强大和灵活的异步编程方式，可以处理复杂的异步操作，使代码更加清晰和易于维护。

Promise实例有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。当异步操作完成后，Promise会从pending状态转换为fulfilled或rejected状态，然后调用相应的回调函数

1.3二者的关系：

在JavaScript中，异步操作经常需要进行回调函数的嵌套，这被称为“回调地狱”。Promise通过使用链式调用来避免这种情况的发生，同时提供了更好的错误处理和可读性。

注：回调地狱：，为了能够拿到异步的数据，使用了大量的回调函数，来获取将来异步执行成功之后的数据。如果请求不多时还好，一旦请求的数量达到一定程度，并且复杂度提升以后，会造成一些问题，这就是回调地狱。

2.Promise的作用与用法

2.1promise的作用：

将一个任务封装为一个Promise类的实例对象，这个对象会将任务自动运行并得到任务结果，而且在得到结果的过程中并不会影响到其他任务的进行。由此实现多个任务的并发进行。

2.2用法：

2.2.1利用promise构造函数参数介绍：

Promise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve和reject。它们是两个函数，由 JavaScript 引擎提供，不用自己部署。

 

resolve函数的作用是，将Promise对象的状态从“未完成”变为“成功”（即从 pending 变为 fulfilled），在异步操作成功时调用，并将异步操作的结果，作为参数传递出去；

reject函数的作用是，将Promise对象的状态从“未完成”变为“失败”（即从 pending 变为 rejected），在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去。

2.2.2 Promise实例对象的then（）方法：

        Promise 实例生成以后，可以用then方法分别指定resolved状态和rejected 状态的回调函数。也就是对返回的任务结果进行处理

 

2.2.3 promise.resolve（）用法：

返回一个具有给定值的 Promise 对象。

如果传入的参数是一个 Promise 实例，则该实例将被直接返回；否则，将创建一个新的 Promise 对象，并将传入的参数作为 Promise 对象的fulfilled值。

 

3.Promise在实际环境下的应用

3.1获取远程数据：

Promise 可以被用于获取远程数据。在获取数据之前，我们可以创建一个 Promise 对象并设置其 resolve 和 reject 方法。一旦数据成功获取，我们就会调用 resolve 方法。如果出现错误，我们就会调用 reject 方法。

3.2处理异步操作：

Promise 也可以用于处理异步操作。在下面的示例中，我们使用 Promise 来等待 3 秒钟后再执行下一步操作

 

3.3处理多个异步操作：

Promise 还可以用于处理多个异步操作。在下面的示例中，我们使用 Promise.all 方法来等待两个异步操作完成后执行下一步操作。

 

3.4处理并发请求：

Promise 还可以用于处理并发请求。在下面的示例中，我们使用 Promise.all 方法来等待多个请求完成后再执行下一步操作

 

 

4.async/await的作用与用法

4.1async /await 原理：

当调用一个 async 函数时，会返回一个 Promise 对象 (关键)，async 函数中可能会有 await 表达式，await表达式 会使 async 函数暂停执行，直到表达式中的Promise解析完成后继续执行 async 中 await 后面的代码并返回解决结果。

4.2async/await用法：

 

async/await 是基于promise实现的，async 函数其实就是把 promise 做了一个包装await 返回值是一个 Promise 对象，它只是把 await 后面的代码放到了 Promise.then().