在 JavaScript 中，异步编程是非常重要的话题，因为它能够帮助我们处理诸如 AJAX 调用、文件上传和下载等异步任务。在处理异步任务时，Promise 和 async/await 是最常用的两种方式。
本文将探讨 Promise 和 async/await 的区别和优劣，从而帮助您更好地理解并正确使用它们。
Promise
Promise 是一种非常流行的异步编程方式，它能够让我们处理异步任务时更加轻松自如。
Promise 的基本用法
一个 Promise 的基本结构如下：
const promise = new Promise((resolve, reject) => { // 异步处理代码 });
在 Promise 中，我们可以使用 resolve 回调函数来处理异步任务成功的情况，或者使用 reject 回调函数来处理异步任务失败的情况。例如：
-- -------------------- ---- ------- ----- ------- - --- ----------------- ------- -- - ----- ------ - -------------- -- ------ -- -------- - ---------------- -- ----- - ---- - --------------------- -- ----- - ---展开代码
接下来，我们可以使用 .then() 方法来处理 Promise 成功的情况，或使用 .catch() 方法来处理 Promise 失败的情况。例如：
promise .then((result) => { // 成功的情况 }) .catch((err) => { // 失败的情况 });
Promise 的优劣
Promise 有以下优点：
Promise 可以轻松处理异步操作，让代码更加易于阅读和维护。
Promise 提供了
.then()、.catch()和.finally()等方法，使得 Promise 更加灵活可控。Promise 可以通过链式调用来保持代码清晰，例如：
-- -------------------- ---- ------- ----- ------- - --- ----------------- ------- -- - -- ------ --- ------- -------------- -- - -- ------------- ------ ------- -- -------------- -- - -- ------------- ------ ------- -- ------------ -- - -- ----------------- ---展开代码
Promise 的缺点在于：
Promise 的错误处理需要使用
.catch()方法处理，这使得代码显得有些冗长。Promise 的链式调用可能会形成长长的回调地狱，使得代码可读性变差。
async/await
async/await 是 ES2017 中新增的一种异步编程方式，它可以让我们使用更加简单的语法来处理异步任务。
async/await 的基本用法
一个 async 函数可以这样定义：
async function asyncFunc() { // 异步处理代码 }
在 async 函数中，我们可以使用 await 关键字来等待异步任务完成。例如：
async function asyncFunc() { const result = await doSomething(); // 等待异步处理完成 // 继续后续的操作 }
在 async 函数中，如果异步任务出现异常，则可以使用 try...catch 来处理异常情况。例如：
-- -------------------- ---- ------- ----- -------- ----------- - --- - ----- ------ - ----- -------------- -- -------- -- ------- - ----- ----- - -- ------ - -展开代码
async/await 的优劣
async/await 有以下优点：
- async/await 可以让我们使用更加简单、清晰的语法来处理异步操作。例如：
async function fetchUserProfile() { const user = await fetch("/api/user"); const posts = await fetch("/api/user/posts"); const comments = await fetch("/api/user/comments"); return { user, posts, comments }; }
async/await 可以将异步任务和异常处理结构化和组成在同一个函数中，使得代码更加清晰可读。
async/await 可以使用
try...catch来处理异步操作任务中的异常情况。async/await 可以使用
Promise.all()方法等待多个异步任务完成。
async/await 的缺点在于：
async/await 需要使用其他功能配合使用，例如
Promise.all()等。在某些情况下，async/await 的性能不如 Promise。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67b8171d306f20b3a659496a
