介绍
javascript 是一种单线程编程语言，这意味着它一次只能运行一个任务。对于诸如获取数据或设置计时器之类的异步操作来说，这变得很棘手，这可能会阻塞执行流程并减慢您的应用程序的速度。
为了在不冻结线程的情况下处理这些异步任务，我们遇到了promise——一个简化异步编程的强大工具。借助 promises，您可以更有效地管理长时间运行的任务，编写更干净、更具可读性的代码，并避免可怕的“回调地狱。”
在本文中，我的目标是让您熟悉 promise 是什么、它们如何工作以及它们如何简化异步编程。
什么是承诺？
想象一下您正在一家餐厅点餐。下订单后，您无需在厨房等待食物准备好。相反，您可以在厨房在后台准备餐点的同时继续交谈或享受氛围。餐厅承诺一旦食物准备好就会为您提供食物。您可以相信这个承诺，因为最终会发生以下两种情况之一：您的餐食将到达（已完成），或者厨房会通知您他们无法完成订单（已拒绝） )。
立即学习“Java免费学习笔记（深入）”；
在 javascript 中，promise 以类似的方式工作。当您要求 javascript 执行一些需要时间的操作（例如从服务器获取数据）时，它会返回一个 promise。这个promise不会立即给你结果。相反，它会告诉您：“工作完成后我会回复您。”在此期间，其余代码将继续运行。任务完成后，promise 为：
已完成（任务成功），或已拒绝（任务失败），您可以相应处理结果。
promise 在 javascript 中如何工作
promise 代表一个可能现在、将来或永远不可用的值。它具有三种状态：
待处理：任务仍在进行中，最终结果（完成或拒绝）尚未确定。已完成：任务已成功完成，结果已出。已拒绝：任务失败，有错误可处理
1. 创造一个承诺
要创建 promise，可以使用 promise 构造函数，它采用一个具有两个参数的函数（称为执行器）：resolve 和reject。当 promise 满足时，将调用resolve函数，而当被拒绝时，将调用reject函数。
const mypromise = new promise((resolve, reject) => { // simulating an asynchronous task (e.g., fetching data) const success = true; // simulate success or failure if (success) { resolve("operation completed successfully!"); // fulfill the promise } else { reject("operation failed."); // reject the promise }});
2. 解决和拒绝承诺
一旦创建了promise，您可以通过调用resolve或reject来决定其结果：
resolve(value)：当异步操作成功完成时调用此函数。它将一个值传递给等待 promise 履行的处理程序。reject(error)：当操作失败时调用该函数。它将错误消息传递给等待 promise 被拒绝的处理程序。
3. 消费承诺
创建 promise 后，下一步就是使用它。 javascript 提供了几种处理 promise 结果的方法：.then()、.catch() 和 .finally()。这些方法中的每一个都有特定的目的，并允许您有效地管理异步操作的结果。
使用 .then() 处理已解决的 promise：.then() 方法用于指定当 promise 完成时应该发生什么。它需要两个可选参数：一个用于解析值的回调，另一个用于处理拒绝。
const fetchdata = () => { return new promise((resolve) => { settimeout(() => { resolve("data fetched successfully!"); }, 1000); });};fetchdata() .then(result => { console.log(result); // logs: data fetched successfully! });
使用 .catch() 处理拒绝：.catch() 方法专门用于处理 promise 执行期间发生的错误。这使其成为处理拒绝的干净方法。
const fetchwitherror = () => { return new promise((resolve, reject) => { settimeout(() => { reject("error fetching data."); // simulating an error }, 1000); });};fetchwitherror() .then(result => { console.log(result); }) .catch(error => { console.error(error); // logs: error fetching data. });
使用 .finally() 进行最终或清理操作：.finally() 方法允许您在 promise 解决后执行代码，无论它是被履行还是被拒绝。这对于应在成功和失败场景中运行的清理操作或任务非常有用。
fetchdata() .then(result => { console.log(result); // logs: data fetched successfully! }) .catch(error => { console.error(error); // handle error }) .finally(() => { console.log("promise has settled."); // logs after either success or failure });
简而言之：
then()：使用此方法处理 promise 的解析值。catch()：使用此方法来处理 promise 被拒绝时的错误。finally()：此方法在 promise 解决后运行代码，无论结果如何，允许清理或最终操作。
4. 承诺链
promises 最强大的功能之一是它们能够链接在一起，允许您按顺序执行多个异步操作。这意味着每个操作都要等待前一个操作完成才能执行，这在任务相互依赖时特别有用。
让我们看一下下面的例子：
const fetchUserData = () => { return new Promise((resolve) => { setTimeout(() => { resolve({ userId: 1, username: "JohnDoe" }); }, 1000); });};const fetchPosts = (userId) => { return new Promise((resolve) => { setTimeout(() => { resolve(["Post 1", "Post 2", "Post 3"]); // Simulated posts }, 1000); });};// Chaining PromisesfetchUserData() .then(user => { console.log("User fetched:", user); return fetchPosts(user.userId); // Pass userId to the next promise }) .then(posts => { console.log("Posts fetched:", posts); }) .catch(error => { console.error("Error:", error); });
在此示例中，fetchuserdata 函数返回一个使用用户信息解析的 promise。然后，解析后的值被传递给 fetchposts 函数，该函数返回另一个 promise。如果这些 promise 中的任何一个被拒绝，错误将在最终的 .catch() 方法中捕获，从而允许在整个链中进行有效的错误处理。
结论
总之，promise 是现代 javascript 的重要组成部分，使开发人员能够以更结构化和更高效的方式处理异步操作。通过使用 promise，您可以：
简化异步任务的管理，避免回调地狱。链接多个异步操作以保持清晰的执行流程。以统一的方式有效处理错误。
当您在自己的项目中实现 promise 时，您会发现它们不仅提高了代码的可读性，而且还通过保持应用程序的响应能力来增强整体用户体验。我希望这段 javascript 基本概念之旅能够为开发人员提供有价值的见解。快乐编码！
以上就是JavaScript Promise：您需要了解的基础知识的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1491968.html
微信扫一扫 
支付宝扫一扫 
