当前位置：首页 > news >正文

Promise的三种状态

news 来源：原创 2025/5/11 2:39:18

代码示例

HTML + JavaScript 代码：

代码解释

总结

在 JavaScript 中，Promise 是一种异步编程的解决方案，它用于表示异步操作的最终完成（或失败）及其结果值。Promise 主要有三种状态：

Pending（待定）: 初始状态，异步操作还未完成。
Fulfilled（已兑现）: 异步操作成功完成。
Rejected（已拒绝）: 异步操作失败。

理解这些状态对于正确使用 Promise 非常重要。在这篇文章中，我们将通过代码来演示 Promise 的状态转换及其使用方法。

代码示例

HTML + JavaScript 代码：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Promise的三种状态</title> 
</head><body><script>// 创建一个Promise实例const p = new Promise((resolve, reject) => {console.log('Promise对象在内部运行中');// 使用setTimeout模拟异步操作，例如AJAX请求setTimeout(() => {// resolve('模拟AJAX请求-成功'); // 如果请求成功，调用resolve，并传递成功的结果reject(new Error('模拟AJAX请求-失败')); // 如果请求失败，调用reject，并传递一个错误对象}, 5000); // 设置延迟时间为5000毫秒（5秒）});console.log(p);// 使用then方法处理Promise成功的情况p.then(result => {console.log(result); // 如果Promise成功，result会接收到resolve传递的值，并在这里打印});// 使用catch方法处理Promise失败的情况p.catch(error => {console.log(error); // 如果Promise失败，error会接收到reject传递的值，并在这里打印});</script>
</body></html>

代码解释

创建 Promise 实例：
- 通过 new Promise() 创建一个 Promise 实例，该实例包含两个参数：resolve 和 reject。这两个参数分别代表操作成功时的回调和操作失败时的回调。
模拟异步操作：
- 使用 setTimeout 模拟一个异步操作（比如 AJAX 请求）。这个操作将在 5 秒后完成。通过 resolve() 方法模拟请求成功，通过 reject() 方法模拟请求失败。
状态的变化：
- 初始时，Promise 处于 "Pending"（待定）状态。
- 如果异步操作成功，resolve() 被调用，Promise 转为 "Fulfilled"（已兑现）状态。
- 如果异步操作失败，reject() 被调用，Promise 转为 "Rejected"（已拒绝）状态。
处理结果：
- .then() 用于处理 Promise 成功的情况。它接收 resolve() 返回的值并进行处理。
- .catch() 用于处理 Promise 失败的情况。它接收 reject() 返回的错误对象并进行处理。
执行流程：
- 页面加载时，Promise 被创建并打印在控制台中。由于我们模拟了请求失败，5 秒后 reject() 被调用，catch() 中的回调函数会被执行，输出错误信息。

总结

通过这个示例，我们可以清楚地看到 Promise 的三种状态以及如何使用 resolve() 和 reject() 来控制 Promise 的状态转换。通过 .then() 和 .catch() 方法，我们可以处理异步操作的结果，不管是成功还是失败。这使得异步编程更加清晰和可控。

Promise的三种状态

目录代码示例 HTML JavaScript 代码： 代码解释总结在 JavaScript 中，Promise 是一种异步编程的解决方案，它用于表示异步操作的最终完成（或失败）及其结果值。Promise 主要有三种状态： Pending&#…...

编程日记 2025/5/11 2:39:18

探秘AES加密算法：多种Transformation全解析

🧑 博主简介：CSDN博客专家，历代文学网（PC端可以访问：https://literature.sinhy.com/#/literature?__c1000，移动端可微信小程序搜索“历代文学”）总架构师，15年工作经验，…...

编程日记 2025/5/6 7:06:58

Python深度学习代做目标检测NLP计算机视觉强化学习

了解您的需求，您似乎在寻找关于Python深度学习领域的代做服务，特别是在目标检测、自然语言处理（NLP）、计算机视觉以及强化学习方面。以下是一些关于这些领域的概述以及寻找相关服务的建议。 1. Python深度学习代做概述目标检测&…...

编程日记 2025/5/11 1:48:34

10款视频无损压缩软件介绍（deepseek汇总）

在如今这个视频创作与分享盛行的时代，大家时常面临视频文件过大、占空间多、传输不便的困扰。无损压缩软件就能帮上大忙，既能缩减视频体积，又能保证画质不受损。下面就给大家详细介绍 10 款好用的视频无损压缩软件。视频无损压缩工具一&…...

编程日记 2025/5/4 17:55:57

opencv-3.4.16，png的neon会报错，如果想开可以参考 https://blog.csdn.net/m0_60827485/article/details/137561429 rm -rf build mkdir build cd build cmake -DCMAKE_BUILD_TYPERELEASE \ -DCMAKE_C_COMPILERxxx/arm-rockchip831-linux-uclibcgnueabih…...

编程日记 2025/5/8 1:53:17

细胞计数专题 | LUNA-FX7™新自动对焦算法提高极低细胞浓度下的细胞计数准确性

现代细胞计数仪采用自动化方法，在特定浓度范围内进行细胞计数。其上限受限于在高浓度条件下准确区分细胞边界的能力，而相机视野等因素则决定了下限。在图像中仅包含少量可识别细胞或特征的情况下，自动对焦可能会失效，从而影响细胞…...

编程日记 2025/5/7 17:17:05

C++ 中的继承与派生

在 C 中，继承与派生是面向对象编程的重要特性，它们允许创建新类（派生类）来复用现有类（基类）的属性和方法，同时还能添加新的功能或修改现有功能，下面为你详细介绍。基本概念继承&…...

编程日记 2025/4/27 17:32:15

数据结构：哈夫曼树

1.概念哈夫曼树（Huffman Tree）是一种用于数据压缩的二叉树，由大卫哈夫曼（David A. Huffman）于1952年提出。它通过构建最优二叉树来实现数据的高效压缩，广泛应用于文件压缩、图像压缩等领域。哈夫曼树的…...

编程日记 2025/5/10 0:35:24

2025年 Java 面试八股文

第一章-Java基础篇 1. Java中的基本数据类型有哪些？⭐ Java中有8种基本数据类型（Primitive Types），分别是： byte：8位，-128 ~ 127short：16位，-32,768 ~ 32,767int&…...

编程日记 2025/5/5 11:30:25

Linux 内核 IPoIB 驱动中 sysfs 属性冲突问题的分析与解决

一、引言在 Linux 内核的设备驱动开发中，sysfs 文件系统是一种重要的机制，用于向用户空间暴露内核对象的属性信息。通过 sysfs，用户空间程序可以读取或修改设备的属性，从而实现对硬件设备的监控和配置。然而，在实际开发中，可能会遇到 sysfs 属性冲突的问题，特别是在复…...

编程日记 2025/5/10 21:01:02

深度学习框架探秘｜TensorFlow vs PyTorch：AI 框架的巅峰对决

在深度学习框架中，TensorFlow 和 PyTorch 无疑是两大明星框架。前面两篇文章我们分别介绍了 TensorFlow（点击查看） 和 PyTorch（点击查看）。它们引领着 AI 开发的潮流，吸引着无数开发者投身其中。但这两大框…...

编程日记 2025/5/5 21:50:32

鸿蒙Harmony-UIAbility内状态-LocalStorage详细介绍

鸿蒙Harmony-UIAbility内状态-LocalStorage详细介绍 1.1 Localstorage的概念 LocalStorage是页面级的UI状态存储，通过Entry装饰器接收的参数可以在页面内共享同一个LocalStorage实例，LocalStorage也可以在UIAbility内，页面间共享状态 1.2 Lo…...

编程日记 2025/5/7 22:11:23

Mysql中使用sql语句生成雪花算法Id

🍓 简介：java系列技术分享(👉持续更新中…🔥) 🍓 初衷:一起学习、一起进步、坚持不懈 🍓 如果文章内容有误与您的想法不一致,欢迎大家在评论区指正🙏 🍓 希望这篇文章对你有所帮助,欢…...

编程日记 2025/5/10 7:28:45

android的第一个app项目（java版）

一.学习java重要概念 java的基本类型的语言方法和C语言很像，这都是我们要学的东西和学过的东西。那些基础东西，就不和大家讨论了，一起看一下java的一些知识架构。 1.封装封装是面向对象编程中的一个核心概念，它涉及到将数据和操…...

编程日记 2025/5/11 2:28:36

第6章 6.2使用ASP.NET Core 开发WebAPI ASP.NET Core Web API

6.2.1 Web API项目的搭建进入VS，【创建新项目】，选择【ASP.NET Core Web API】模板，【下一步】，编辑项目名称及项目位置，【下一步】，选择框架，其他选项默认即可，【创建】。进入项…...

编程日记 2025/5/11 1:33:28

常见的网络协议汇总（涵盖了不同的网络层次）

网络层协议 IP协议：IP指网际互连协议（Internet Protocol），是TCP/IP体系中的网络层协议。IP协议包括IPv4和IPv6，用于为数据包提供源地址和目标地址，从而实现网络通信。ICMP协议：ICMP&#xff08…...

编程日记 2025/5/11 1:43:52

【Java 面试八股文】Redis篇

Redis 1. 什么是缓存穿透？怎么解决？2. 你能介绍一下布隆过滤器吗？3. 什么是缓存击穿？怎么解决？4. 什么是缓存雪崩？怎么解决？5. redis做为缓存，mysql的数据如何与redis进行同步呢&…...

编程日记 2025/5/1 17:23:30

嵌入式EasyRTC实时通话支持海思hi3516cv610，编译器arm-v01c02-linux-musleabi-gcc

EasyRTC已经完美支持海思hi3516cv610，编译器arm-v01c02-linux-musleabi-gcc，总体SDK大小控制在680K以内（预计还能压缩100K上下）： EasyRTC在hi3516cv610芯片上能双向通话、发送文字以及二进制指令，总体运行…...

编程日记 2025/4/18 9:26:13

自然语言处理NLP入门 -- 第四节文本分类

目标本章的目标是帮助你理解文本分类的基本概念，并通过具体示例学习如何使用 scikit-learn 训练文本分类模型，以及如何利用 OpenAI API 进行文本分类。 5.1 什么是文本分类？ 文本分类（Text Classification）是自然语…...

编程日记 2025/4/28 9:04:56

深入解析：如何在C#和C/C++之间安全高效地通过P/Invoke传递多维数组

在工业控制、机器人编程和物联网等领域，我们经常需要让C#这样的托管语言与C/C编写的底层库进行交互。在这个过程中，遇到需要传递多维数组的场景时，许多开发者会意外遭遇System.Runtime.InteropServices.MarshalDirectiveException异常。本文将…...

编程日记 2025/5/9 13:25:48

Spring Boot全局异常处理终极指南：从青铜到王者的实战演进

一、为什么需要全局异常处理？ 在用户中心这类核心服务中，优雅的异常处理是系统健壮性的生命线。未处理的异常会导致： 服务雪崩：单点异常扩散到整个系统（✖️）信息泄露：暴露敏感堆栈信息&#…...

编程日记 2025/5/8 10:14:47

【Elasticsearch】match_bool_prefix查询

match_bool_prefix查询是 Elasticsearch 中一种用于全文搜索的查询方式，适用于需要同时匹配多个词汇，但词汇顺序不固定的情况，它结合了布尔查询（bool）和前缀查询（prefix）的功能，适用…...

编程日记 2025/5/6 6:16:41

Unity-Mirror网络框架-从入门到精通之Multiple Additive Scenes示例

文章目录前言Multiple Additive Scenes示例Additive Scenes示例MultiSceneNetManagerPhysicsCollisionRewardSpawner总结前言在现代游戏开发中，网络功能日益成为提升游戏体验的关键组成部分。本系列文章将为读者提供对Mirror网络框架的深入了解，涵盖从基础到高级的多个主题…...

编程日记 2025/5/8 22:09:51

[开源]MaxKb+Ollama 构建RAG私有化知识库

MaxKbOllama，基于RAG方案构专属私有知识库关于RAG工作原理实现方案一、什么是MaxKb？二、MaxKb的核心功能三、MaxKb的安装与使用四、MaxKb的适用场景五、安装方案、 docker版Docker Desktop安装配置MaxKb安装和配置总结和问题 MaxKB 是一款基于 LLM 大…...

编程日记 2025/5/5 17:25:51

Ubuntu 下 nginx-1.24.0 源码分析 - NGX_HAVE_GETTIMEZONE 宏

表示当前平台支持通过 gettimezone() 直接获取时区偏移值（以分钟为单位） 该宏用于适配不同操作系统对时区信息获取方式的差异。当 NGX_HAVE_GETTIMEZONE 被定义时，Nginx 会调用 ngx_gettimezone() 获取时区偏移在 Ubuntu 环境下&#xff0c…...

编程日记 2025/5/6 17:35:57

数据结构之队列，哈希表

一队列(先进先出) 1.定义：从一端进行数据插入，另一端进行删除的线性存储结构队列类型常见操作 - 入队（Enqueue）：将新元素添加到队列的尾部。若队列有空间，新元素会成为队列的新尾部元素；若…...

编程日记 2025/5/9 13:26:15

缓存的介绍

相关面试题 ： ● 为什么要用缓存？ ● 本地缓存应该怎么做？ ● 为什么要有分布式缓存?/为什么不直接用本地缓存? ● 为什么要用多级缓存？ ● 多级缓存适合哪些业务场景？ 缓存思想空间换时间(索引，集群&a…...

编程日记 2025/5/10 10:52:20

372_C++_当有多个通道，开启不同告警的同一种的开关时，限制该开关的打开数量（比如视频上传开关）

GetCloudUploadNum函数 GetCloudUploadNum 函数主要用于统计和控制云端视频上传的通道数量,其主要功能如下: 功能目的// 检查每个通道的云端视频上传配置,并统计启用云端上传的通道总数 int CloudUploadNum = 0; bool InValidCloudUploadChn[MAX_CHN_NUMPARA] = {};...

编程日记 2025/5/1 12:38:38

Jenkins 配置 Git Parameter 四

Jenkins 配置 Git Parameter 四一、开启项目参数设置勾选 This project is parameterised 二、添加 Git Parameter 如果此处不显示 Git Parameter 说明 Jenkins 还没有安装 Git Parameter plugin 插件，请先安装插件 Jenkins 安装插件三、设置基本参数点击…...

编程日记 2025/5/1 5:51:55

Unity崩溃后信息结合符号表来查看问题

目录 SO文件符号表对调试和分析的重要性调试方面分析方面错误数据安装Logcat解释符号表设置符号文件路径生成解析相关参考 SO文件 so 文件（Shared Object File，共享目标文件）和符号表紧密相关，它们在程序的运行、调试和分析过程…...

编程日记 2025/5/10 17:10:21

【云安全】云原生- K8S API Server 未授权访问

API Server 是 Kubernetes 集群的核心管理接口，所有资源请求和操作都通过 kube-apiserver 提供的 API 进行处理。默认情况下，API Server 会监听两个端口：8080 和 6443。如果配置不当，可能会导致未授权访问的安全风险。 8080 端口…...

编程日记 2025/5/5 21:07:11

【Matlab算法】基于人工势场的多机器人协同运动与避障算法研究（附MATLAB完整代码）

📚基于人工势场的多机器人协同运动与避障算法研究摘要1. 引言2. 方法说明2.1 人工势场模型2.2 运动控制流程3. 核心函数解释3.1 主循环结构3.2 力计算函数4. 实验设计4.1 参数配置4.2 测试场景5. 结果分析5.1 典型运动轨迹5.2 性能指标6. 总结与建议成果总结改进方向附录：完…...

编程日记 2025/5/10 17:30:32

Django项目中创建app并快速上手（pycharm Windows）

1.打开终端我选择的是第二个 2.运行命令 python manage.py startapp 名称例如： python manage.py startapp app01 回车，等待一下，出现app01的文件夹说明创建成功 3.快速上手 1.app注册增加一行 "app01.apps.App01Config"&#…...

编程日记 2025/5/1 7:38:24

前端骨架怎样实现

前端骨架屏（Skeleton Screen）是一种优化页面加载体验的技术，通常在内容加载时展示一个简易的占位符，避免用户看到空白页面。骨架屏通过展示页面结构的骨架样式，让用户有页面正在加载的感觉，而不是等待内容加…...

编程日记 2025/5/5 1:57:32

服务器使用centos7.9操作系统前需要做的准备工作

文章目录前言1.操作记录总结前言记录一下centos7.9操作系统的服务器在部署业务服务之前需要做的准备工作。大家可以复制到自己的编辑器里面，有需求的注释一些步骤。备注：有条件的项目推荐使用有长期支持的操作系统版本。 1.操作记录 # 更换阿里云…...

编程日记 2025/5/7 7:05:54

【git-hub项目：YOLOs-CPP】本地实现01：项目构建

目录写在前面项目介绍最新发布说明 Segmentation示例功能特点依赖项安装克隆代码仓库配置构建项目写在前面前面刚刚实现的系列文章：【Windows/C++/yolo开发部署01】【Windows/C++/yolo开发部署02】【Windows/C++/yolo开发部署03】【Windows/C++/yolo…...

编程日记 2025/5/6 3:11:02

oracle表分区--范围分区

文章目录 oracle表分区分区的原因分区的优势oracle表分区的作用oracle表分区类型一、范围分区二、创建分区表和使用：1、按照数值范围划分2、按照时间范围3、MAXVALUE2. 向现有表添加新的分区3、分区维护和重新组织（合并/删除） oracle表分区…...

编程日记 2025/5/6 11:56:41

第12周：LSTM（火灾温度）

1.库以及数据的导入 1.1库的导入 import torch.nn.functional as F import numpy as np import pandas as pd import torch from torch import nn1.2数据集的导入 data pd.read_csv("woodpine2.csv")dataTimeTem1CO 1Soot 100.00025.00.0000000.00000010.22825.…...

编程日记 2025/5/10 15:30:22

Xlua中C#引用Lua变量，导致Lua侧的GC无法回收的原因及解决方法

1. 引用关系导致： 在 XLua 中，当 C# 端引用了 Lua 变量时，Lua 的垃圾回收器（GC）不会回收这些被引用的变量。这是因为 Lua 的 GC 机制是基于引用计数和标记 - 清除算法的。当 C# 端持有对 Lua 变量的引用时，…...

编程日记 2025/5/9 11:13:03

Win10系统IP地址修改_出现了一个意外的情况不能完成所有你在设置中所要求的更改---Windows工作笔记001

今天在修改win10系统中的ip地址的时候报错了来看看如何解决吧,挺简单,简单记录一下这个时候就需要使用cmd命令来修改一定要使用,管理员权限,运行cmd才可以然后首先: 输入 netsh 然后输入 ip 然后输入: set address "以太网" 172.19.126.199 255.255.255.0…...

编程日记 2025/5/7 6:00:26

Generate html

"Generate HTML"（生成 HTML）指的是通过程序或工具自动创建 HTML 代码的过程。HTML（超文本标记语言）是用于创建网页内容和结构的标准语言。生成 HTML 通常意味着通过某些方式自动化地构建或生成网页的结构和元素&#xf…...

编程日记 2025/5/9 2:41:49

使用DeepSeek和Kimi快速自动生成PPT

目录步骤1：在DeepSeek中生成要制作的PPT主要大纲内容。 （1）在DeepSeek网页端生成 （2）在本地部署DeepSeek后，使用chatBox生成PPT内容步骤2：将DeepSeek成的PPT内容复制到Kimi中步骤3&…...

编程日记 2025/5/7 17:16:59

全面了解HTTP（一）

全面了解HTTP（二）-CSDN博客 web及网络基础使用HTTP协议访问web： HTTP: 网络基础TCP/IP 与HTTP关系密切的协议：IP,TCP,DNS 负责域名解析的DNS服务各种协议与HTTP协议的关系 URI和URL 简单的HTTP协议 HTTP协议用于客户端和服…...

编程日记 2025/5/7 12:32:24

PCDN“无盘业务”

PCDN（Proactive Content Delivery Network）的无盘业务，相对于有盘业务而言，主要指的是在不依赖本地磁盘存储的情况下进行内容分发。在PCDN网络中，无盘业务通常依赖于内存或其他形式的非持久性存储来缓存和分发内容。以…...

编程日记 2025/5/5 23:54:07

【LLM】13：大模型算法面试题库

一、Transformer篇 1. Transformer的结构是什么 Transformer 由编码器（Encoder） 和解码器（Decoder） 两部分组成，两部分都包含目标嵌入层、位置编码、多头注意力层、前馈网络，且有残差连接和层归一化&am…...

编程日记 2025/5/8 4:43:57

redis集群

文章目录节点启动节点集群数据结构CLUSTER MEET命令的实现槽指派记录节点的槽指派信息专播节点的槽指派信息17.2.3记录集群所有槽的指派信息CLUSTER ADDSLOTS命令的实现在集群中执行命令计算键属于哪个槽判断槽是否由当前节点负责处理MOVED错误节点数据库的实现重新分片ASK…...

编程日记 2025/4/29 23:02:53

Spring Boot整合DeepSeek实现AI对话（API调用和本地部署）

本篇文章会分基于DeepSeek开放平台上的API，以及本地私有化部署DeepSeek R1模型两种方式来整合使用。本地化私有部署可以参考这篇博文全面认识了解DeepSeek利用ollama在本地部署、使用和体验deepseek-r1大模型 Spring版本选择根据Spring官网的描述 Spring AI是一…...

编程日记 2025/5/4 0:38:29

git如何把多个commit合成一个

在 Git 中，如果你想把多个提交（commit）合并成一个，可以使用 git rebase 或 git reset 来完成。下面是两种常用方法： 方法一：使用 git rebase（推荐） git rebase 是合并多个提交为一…...

编程日记 2025/5/10 5:44:13

flutter启动后不显示文字，中文字体不显示

Flutter 3.29.0-1.0.pre.114运行报错： Failed to load font Roboto at https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Me4GZLCzYlKw.woff2 解决： 下载roboto字体，并将字体（Roboto-Regular.ttf）放入app代码下…...

编程日记 2025/5/10 4:03:24

跟着李沐老师学习深度学习（十一）

经典的卷积神经网络在本次笔记中主要介绍一些经典的卷积神经网络模型，主要包含以下： LeNet：最早发布的卷积神经网络之一，目的是识别图像中的手写数字；AlexNet： 是第一个在大规模视觉竞赛中击败传统计算机…...

编程日记 2025/5/6 14:49:39

代码示例

HTML + JavaScript 代码：

代码解释

总结

相关文章：