【H5】Promise的用法

news2024/11/13 10:51:05

系列文章

C#底层库–记录日志帮助类
本文链接:https://blog.csdn.net/youcheng_ge/article/details/124187709

文章目录

  • 系列文章
  • 前言
  • 一、技术介绍
  • 二、项目源码
    • 2.1 Promise的状态
    • 2.2 Promise的结果
    • 2.3 Promise的then方法参数
    • 2.4 Promise的then方法获取数据
  • 三、效果展示
  • 四、资源链接


前言

本专栏为【H5】,主要介绍前端知识点。
在这里插入图片描述

一、技术介绍

CSV文件和DataTable对象转换帮助类。我们数据库导出文件为“CSV”格式,当你要读取“CSV”文件时,可以使用本类库。

注意:请填写

二、项目源码

2.1 Promise的状态

Promise有三种状态:pending(准备,待定态)、fulfilled(已完成,成功态)、rejected(已拒绝,失败态),Promise的状态改变是一次性的。

	<script>
	const p = new Promise((resolve,reject)=>{
		// resolve()
		// reject()
	});
	console.dir(p);
	</script>
</html>

在这里插入图片描述

	<script>
	const p = new Promise((resolve,reject)=>{
		resolve()
		// reject()
	});
	console.dir(p);
	</script>

在这里插入图片描述

	<script>
	const p = new Promise((resolve,reject)=>{
		// resolve()
		reject()
	});
	console.dir(p);
	</script>

在这里插入图片描述

2.2 Promise的结果

PromiseResult 结果

	<script>
	const p = new Promise((resolve,reject)=>{
		resolve('成功的输出')
		// reject('失败的输出')
	});
	console.dir(p);
	</script>

在这里插入图片描述

2.3 Promise的then方法参数

then方法有两个参数。
参数:
1、一个函数,value接收
2、另一个函数,reason或err接收
返回值:Promise对象

	<script>
		const p = new Promise((resolve, reject) => {
			// resolve('成功的输出')
			reject('失败的输出')
		});
		p.then(() => {
			console.log('成功时执行');
		}, () => {
			console.log('失败时执行');
		});

		console.dir(p);
	</script>

在这里插入图片描述

2.4 Promise的then方法获取数据

<script>
	const p = new Promise((resolve, reject) => {
		// resolve('123')
		reject('456')
	});
	p.then(value => {
		console.log('成功时执行:' + value);
	}, (reason) => {
		console.log('失败时执行' + reason);
	});

	console.dir(p);
</script>

在这里插入图片描述

三、效果展示

四、资源链接

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/736656.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

5G时代的材料新宠——液晶高分子聚合物

液晶高分子聚合物时80年代初期发展起来的一种新型高性能工程塑料&#xff0c;英文名为&#xff1a;Liquid Crystal Polymer 简称为LCP。 聚合方法以熔融缩聚为主&#xff0c;全芳香族LCP多辅以固相缩聚以制得高分子量产品。非全芳香族LCP常采用一步或二步熔融聚合制取产品。近年…

jwt介绍与使用

0.介绍 JWT(JSON Web Token)是一种开放标准&#xff0c;用于在双方之间安全地传输编码为 JSON 对象的信息。它是一个紧凑和自包含的方式&#xff0c;用于作为 JSON 对象在各方之间安全地传输信息。此信息可以进行验证和信任&#xff0c;因为它是经过数字签名的。JWT 可以使用机…

Python零基础入门(七)——Python中的选择和循环语句

系列文章目录 个人简介&#xff1a;机电专业在读研究生&#xff0c;CSDN内容合伙人&#xff0c;博主个人首页 Python入门专栏&#xff1a;《Python入门》欢迎阅读&#xff0c;一起进步&#xff01;&#x1f31f;&#x1f31f;&#x1f31f; 码字不易&#xff0c;如果觉得文章不…

大学英语四新视野 课后习题+答案翻译 Unit1~Unit8

Unit 1 Text A: Words in use 2022年6月16日 20:57 1 As the gender barriers crumbled, the number of women working as lawyers, doctors, or bankers began to increase significantly from the mid-20th century. 随着性别障碍的消除&#xff0c;从20世纪中期开始&am…

C语言陷阱——无符号数和有符号数的大小比较

C语言易错知识点——无符号数和有符号数的大小比较 我们来看两串代码 代码一&#xff1a; #include<stdio.h>int main() {int a -1;if (a > sizeof(int)){printf(">\n");}else{printf("<\n");}return 0; }代码二&#xff1a; #include…

学生用啥台灯最好?适合暑假学习的台灯推荐

孩子们终于迎来了他们的暑假&#xff0c;肯定不少孩子都已经计划好每天该玩什么游戏&#xff0c;该看什么电视了吧。这也是最让家长们头疼的一段时间&#xff0c;不仅每天要监督他们不要玩太久电子产品&#xff0c;花时间学习之外&#xff0c;还要担心他们视力健康。说到学习&a…

C++图形开发(11):小球碰到方块的判定

文章目录 1.有哪些情况&#xff1f;1.1 小球在方块左侧1.2 小球在方块上面1.3 小球在方块右侧 2.解决 1.有哪些情况&#xff1f; 今天来实现下小球碰到方块的判定 那么我们首先要明确的就是在什么时候&#xff0c;小球会碰到方块&#xff1f; 1.1 小球在方块左侧 第一个就是…

介绍Unity3D 游戏实战开发之英雄联盟

本次游戏项目为类dota游戏中的经典之作《英雄联盟》&#xff0c;向经典致敬。通过本次课程&#xff0c;你会学到网游开发模式、C#服务器开发、协议定制、Unity5.0新特性开发、UGUI应用、同步方案、解决问题思路、各种扩展工具的开发………&#xff01; 演示地址&#xff1a; w…

为什么企业必须重视数字化转型?

在当今快速发展的商业环境中&#xff0c;数字化转型对于企业的生存、增长和竞争力至关重要。数字化转型是指将数字技术集成到企业的各个方面&#xff0c;从根本上改变企业的运营方式以及为客户和利益相关者提供价值。企业优先考虑数字化转型的一些原因&#xff1a; 提高效率和生…

Wine编译环境搭建及使用完整流程详细笔记

Wine编译环境搭建及使用完整流程详细笔记 1. 背景及资源文件下载1.1 背景说明(实现目标)1.2 VMWare下载地址&#xff1a;1.3 Debian安装文件地址1.34 Ubuntu安装文件地址1.5 Wine源码下载地址1.5.1 Web下载地址1.5.2 Git下载地址 2. 常用文档2.1 Wine Document2.2 Build Wine D…

透彻理解 UART 通信的基本方法

UART是一种异步全双工串行通信协议&#xff0c;由 Tx 和 Rx 两根数据线组成&#xff0c;因为没有参考时钟信号&#xff0c;所以通信的双方必须约定串口波特率、数据位宽、奇偶校验位、停止位等配置参数&#xff0c;从而按照相同的速率进行通信。 异步通信以一个字符为传输单位…

simulink m脚本加载

手动 在matlab下执行 run(UntitledConfig.m) 然后在similink下再重新编译一次 自动 [Matlab]Simulink预先加载m文件_simulink加载m文件_祥知道的博客-CSDN博客

MachineLearningWu_9_overfitting

x.1 过拟合问题 在开始前&#xff0c;让我们先理解一下模型拟合过程中经常出现的三种情况&#xff0c;underfit&#xff0c; just right&#xff0c; overfit/high variance&#xff0c;underfit是指没有足够的特征来拟合现有数据或者iterations训练轮次过少&#xff0c;而ove…

ASO优化之应用评论的重要性

应用的评级在吸引新用户使用我们应用程序方面发挥着非常关键的作用。许多用户会通过阅读应用的评分和评论来观察我们应用的独特性和功能。更多正面评价和5星级评级&#xff0c;能够给我们应用的访问者提高下载应用的积极性&#xff0c;同时也会增加信任感。 如果我们的应用的…

cloudstack使用nginx部署ui

一、源码打包 #在ui目录下 #安装依赖 npm install #启动项目 npm run serve 将打包后的文件复制到nginx的文件区域&#xff0c;示例使用/usr/local/code/front/ui/文件夹 二、配置nginx # For more information on configuration, see: # * Official English Documentation…

Vue3中父子组件实现数据双向绑定效果

父组件&#xff1a; <template><div class"user"><hy-form v-model"formData" /></div> </template><script lang"ts"> import { defineComponent, ref } from vue import HyForm from /base-ui/formexpor…

基于Hololen2 unity vuforia空间生成大型物体,以及打开内部浏览器的打开教程

1.简介 1.1 功能介绍 本文主要做了两个功能&#xff1a; 1.扫描一张二维码生成一个操作台&#xff08;桌子&#xff09;&#xff0c;这张桌子比二维码尺寸大非常多&#xff08;就是实际物体大小的桌子&#xff09;&#xff0c;所以需要定位 好桌子和操作台之间的位置关系。并且…

【计算机组成与体系结构Ⅰ】课后作业汇总

目录 1-1 1-2 2-1 3-1 3-2 4-1 4-2 5-1 6-1 6-2 7-1 7-2 1-1 作业1. 袁春风《计算机组成与系统结构》第2版或者第3版&#xff1a;第1章 习题 2&#xff08;1&#xff09;-&#xff08;3&#xff09; 冯诺依曼计算机由哪几部分组成&#xff1f;各部分的功能是什么&…

java.sql.SQLException: connection holder is null

一、工作中遇到的问题汇总 1、java.sql.SQLException: connection holder is null&#xff1b; 问题描述&#xff1a;对于大表进行查询、修改操作时&#xff0c;有时sql需要执行很长时间&#xff0c;这时就可能在执行到半路时、报错SQLException: connection holder is null。…

时间序列分析波动性预测GARCH模型

GARCH&#xff08;Generalized Autoregressive Conditional Heteroskedasticity&#xff09;模型是一种常用于预测金融时间序列波动性的统计模型。它是ARCH&#xff08;Autoregressive Conditional Heteroskedasticity&#xff09;模型的扩展&#xff0c;通过引入对过去波动性的…