”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 这并不难!理解 JavaScript 中的“Promise”

这并不难!理解 JavaScript 中的“Promise”

发布于2024-11-01
浏览:730

It’s not that hard! To understand `Promise` in javascript

这篇文章的内容非常适合Javascript初学者。将以简单易懂的语言进行描述,您不用担心看不懂。

承诺,你为何存在?

Promise是学习现代Javascript语言不可缺少的知识点。很多人读的时候都感到很困惑。主要原因可以用一句话概括:

代码不再从上到下执行。

一般情况下,我们写的代码都是顺序执行的,比如我们写一段从1数到3的代码。

console.log(1)
console.log(2)
console.log(3)

按F12打开我们浏览器的控制台,将上面的代码复制进去,回车,可以看到数字1到3按顺序打印出来了。

1
2
3

现在,如果我们有一个要求,代码的顺序不能改变,但最终打印输出的顺序必须与代码的顺序无关,可以这样做吗?

我们想象一下,如果1、2、3分别由三个人打印,那么就非常简单了。我们只需要告诉他们同时打印数字的任务即可,打印输出的顺序只与任务的执行时间有关。

承诺,神奇功效

那么,我们如何将打印任务分配给三个人呢?这就是使用Promise的地方。通过创建一个新的 Promise 对象,我们可以将一段代码分配给一个新的“进程”,而不是在当前的“进程”上执行。注意,这里的“进程”和我们常说的操作系统进程并不一样,而只是一个抽象概念,代表一个按顺序执行代码的虚拟单元。

承诺、组装说明

刚才我们说了,Promise它可以看作是一个新的“进程”,所以如果我们想让它执行任何代码,我们可以将它包装在一个函数中交给它。这样代码就不会立即执行。

Promise还为我们提供了两个函数,一个是resolve,一个是reject,我们可以分别在任务完成和失败时调用。这两个函数作为参数传递给Promise的内部。所以,我们可以这样组装:

Promise(
  (resolve, _reject) => {
    setTimeout(() => {
      console.log(1)
      resolve()
    }, 300)
  }
)

这里我们使用setTimeout来模拟一个耗时的任务。在实际场景中,此任务可能是读取文件、请求网络接口或等待用户输入。当任务完成后,我们调用resolve函数来表示任务已经完成。

完整代码

然后,我们按照同样的方法,Promise在组装另外两个的时候,只需要向他们提供不同的打印数量和任务所需的时间即可。最后,完整的代码是这样的,你可以尝试复制到控制台试试。

Promise(
  (resolve, _reject) => {
    setTimeout(() => {
      console.log(1)
      resolve()
    }, 300)
  }
)
new Promise(
  (resolve, _reject) => {
    setTimeout(() => {
      console.log(2)
      resolve()
    }, 200)
  }
)
new Promise(
  (resolve, _reject) => {
    setTimeout(() => {
      console.log(3)
      resolve()
    }, 100)
  }
)

最后,数字打印的顺序与任务的执行时间有关:

3
2
1

Promise、并发模型

并发编程是关于如何在有限数量的CPU核心上模拟大量任务同时执行。 Javascript中的Promise提供了一种方便快捷的并发编程方式,以及一套处理返回值和错误值的规范。了解并熟悉这个规范后,我们可以大大提高处理并发任务的效率。

版本声明 本文转载于:https://dev.to/linjiezhang/its-not-that-hard-to-understand-promise-in-javascript-3kk3?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • 如何在react中使用PKCE实现oAuth以进行第三方集成
    如何在react中使用PKCE实现oAuth以进行第三方集成
    在为第三方集成实现oAuth时,我偶然发现了一些很长一段时间没有更新的信息。在这里,我试图记录我的经验及其运作方式 注意:本文不会详细讨论oAuth及其工作原理。主要关注如何在 React 应用程序中配置和实现它们。如果您想了解 oAuth,请阅读此处。提供清晰的信息。 流程: 大...
    编程 发布于2024-11-07
  • 为什么我在 POST Jersey 请求中收到不支持的媒体类型错误?
    为什么我在 POST Jersey 请求中收到不支持的媒体类型错误?
    POST Jersey 请求中不支持的媒体类型错误遇到 HTTP 状态代码 415 - 对 Jersey 的 POST 请求中不支持的媒体类型REST 服务,问题通常在于 Jersey 发行版中缺少 JSON/POJO 支持。要解决此错误,需要在项目中添加必要的 JAR 依赖项。具体来说,需要以下依...
    编程 发布于2024-11-07
  • 针对 XSS 的常见防御措施有哪些?
    针对 XSS 的常见防御措施有哪些?
    针对 XSS 的常见防御输入和输出清理是防止跨站脚本 (XSS) 攻击的关键技术。本文探讨了行业和个人网站广泛采用的减轻这种威胁的方法。1。 HTML 转义:在将所有用户输入显示为 HTML 代码之前彻底转义它们。这涉及将“”、“&”和“等字符替换为其相应的 HTML 实体(例如,“”、“&”、“”...
    编程 发布于2024-11-07
  • Python垃圾收集器如何自动管理内存?
    Python垃圾收集器如何自动管理内存?
    Python 垃圾收集器文档Python 垃圾收集器是一个内存管理系统,可以自动释放程序不再使用的内存。这有助于通过防止内存泄漏并确保程序不会耗尽内存来提高性能。垃圾收集器的工作过程分为两步:引用计数: 解释器跟踪每个对象的引用数量。当引用计数达到零时,该对象被认为不可达,并被添加到要删除的对象列表...
    编程 发布于2024-11-07
  • PHP 如何高效处理大整数?
    PHP 如何高效处理大整数?
    PHP 可以处理大整数吗?PHP 可能没有显式的“BigInteger”类,但它提供了几种处理大整数的方法使用 BC 数学函数PHP 提供 BC 数学函数,如 bcadd() 和 bcsub() 进行整数运算。然而,这种方法对于大量计算来说可能会很慢。使用 GMP 扩展GMP(GNU 多精度算术)是...
    编程 发布于2024-11-07
  • 如何使用 Python 字符串匹配验证 IP 地址输入?
    如何使用 Python 字符串匹配验证 IP 地址输入?
    使用 Python 验证 IP 地址输入验证用户输入的 IP 地址在各种应用中至关重要。本文将探讨验证以字符串形式提供的 IP 地址合法性的最有效方法。首选方法偏离解析,而是利用 Python 标准库的套接字模块。通过利用 inet_aton(),我们可以确定输入字符串是否代表有效的 IP 地址:i...
    编程 发布于2024-11-07
  • 那么 Pull 请求如何再次发挥作用呢?屏显#3
    那么 Pull 请求如何再次发挥作用呢?屏显#3
    在我之前的文章中,我谈到了启动一个基于开源 GenAI 的终端应用程序。本周的任务是为另一个用户的项目贡献一个新功能。由于我们必须与新人合作,所以我与 Lily 合作,她开发了一款应用程序,其代码改进功能与我的类似,只是她的角色是老鼠! 有时间的话可以去看看她的项目老鼠助手。 她的代码是用 Type...
    编程 发布于2024-11-07
  • 为什么 Go 中不能直接将 []string 转换为 []interface{}?
    为什么 Go 中不能直接将 []string 转换为 []interface{}?
    为什么将 []string 转换为 []interface{} 会在 Go 中引发编译错误转换字符串切片 ([]string)考虑到它们共享切片特征以及 []string 的每个元素都可以被视为一个接口,Go 中的接口切片 ([]interface{}) 似乎很简单。然而,尝试这种转换时会出现编译错...
    编程 发布于2024-11-07
  • 理解 Shadow DOM:封装 Web 组件的关键
    理解 Shadow DOM:封装 Web 组件的关键
    在现代 Web 开发中,创建可重用和可维护的组件至关重要。 Shadow DOM 是 Web 组件标准的一部分,在实现这一目标方面发挥着至关重要的作用。本文深入探讨了 Shadow DOM 的概念、它的优点以及如何在您的项目中有效地使用它。 什么是 Shadow DOM? Shado...
    编程 发布于2024-11-07
  • 如何使用 Java 运行时解决输出重定向问题?
    如何使用 Java 运行时解决输出重定向问题?
    使用 Runtime 的 exec() 方法解决输出重定向问题在 Java 中,利用 Runtime.getRuntime().exec() 运行命令可以捕获进程的输出和错误流。但是,在需要输出重定向的情况下,单独使用此方法可能无效。问题:输出未重定向当使用 Runtime.getRuntime()...
    编程 发布于2024-11-07
  • 如何使用 CSS 悬停效果从左到右填充背景颜色?
    如何使用 CSS 悬停效果从左到右填充背景颜色?
    使用 CSS 从左到右填充背景颜色在 CSS 中,您可以通过利用线性渐变和动画背景定位来创建迷人的悬停效果。这种方法使您能够在悬停时从左到右用新颜色填充元素的背景。线性渐变和背景大小关键是使用由两种颜色组成的线性渐变背景,并将背景大小设置为元素宽度的两倍。这允许您在两种颜色之间创建无缝过渡。背景定位...
    编程 发布于2024-11-07
  • GraalVM 本机映像中的内存管理
    GraalVM 本机映像中的内存管理
    内存管理是计算机软件开发的重要组成部分,负责应用程序中内存的有效分配、利用和释放。其重要性在于增强软件性能,保证系统稳定性。 垃圾收集 垃圾收集 (GC) 在 Java 和 Go 等当代编程语言中至关重要。它自动检测并回收未使用的内存,从而减轻开发人员手动管理内存的需要。 GC 的概...
    编程 发布于2024-11-07
  • ## 在 C++ 中什么时候应该使用引用作为函数参数?
    ## 在 C++ 中什么时候应该使用引用作为函数参数?
    在 C 中传递参数:理解引用在 C 中,函数参数的行为由其类型决定。一个重要的区别是“按值传递”和“按引用传递”。为什么在函数参数中使用引用?引用在函数参数中用于两种情况主要原因:修改参数: 引用允许函数修改传递的参数的值。这意味着该函数可以进行调用者可见的更改。避免对象复制: 通过引用传递大对象可...
    编程 发布于2024-11-07
  • 如何在单个命令行中运行多行命令?
    如何在单个命令行中运行多行命令?
    如何在一行命令行中执行多行语句使用Python的-c选项执行单行循环时,在循环之前导入模块会导致语法错误。这是因为Python解释器将代码块视为单个语句。要解决此问题,可以采用以下几种方法:使用管道要克服语法错误,请使用 echo 命令将代码块作为一系列输入行重定向到 Python:echo -e ...
    编程 发布于2024-11-07
  • 如何在 PHP 中从 MySQL 迁移到 MySQLi?
    如何在 PHP 中从 MySQL 迁移到 MySQLi?
    从 MySQL 迁移到 MySQLi将网站从 MySQL 迁移到 MySQLi 需要修改 PHP 代码,但数据库本身基本上不受影响。 MySQLi 是 MySQL 扩展的改进版本,提供增强的功能和安全性。PHP 代码更改是的,您可以简单地将 MySQLi 函数替换为 MySQL 函数。这里有一个快速...
    编程 发布于2024-11-07

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3