【H5】Promise的用法

news/2024/11/15 0:35:15/

系列文章

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.ppmy.cn/news/807499.html

相关文章

国际金融互联报文规范SWIFT之银行识别代码BIC Code介绍

之前通过几篇文章介绍了现代化支付系统行号CNAPS Code、以及金融机构编码的组成&#xff0c;如下所示&#xff1a; 人民银行现代化支付系统CNAPS行号介绍 金融机构编码结构完整介绍 但前面这些编号主要用于国内银行间的支付结算报文传递。而在国际业务&#xff0c;涉及境外外…

iOS通用链接(UniversalLink)配置详细流程

一、Universal Links 配置过程 登录苹果账号后&#xff0c;点击创建的APP 的Bundle ID&#xff0c;跳转到APP 信息页面。记录下Team ID 和Bundle ID 备用。勾选上 功能列表上的 ”Associated Domains“选项。 配置苹果后台 创建一个text空文本文件&#xff0c;去掉文件后缀&a…

xml标记语言总结

目录 一个xml例子 什么是xml XML和HTML的主要差异 XML的优势 XML语法 xml语法规则 属性 元素 文档声明 xml命名规则 xml约束概述 一个xml例子 <?xml version"1.0" encoding“utf-8"?> <employees> <employee> <emp…

什么是Qt Widgets?一组创建经典桌面应用UI的界面组件!

Qt 是目前最先进、最完整的跨平台C开发工具。它不仅完全实现了一次编写&#xff0c;所有平台无差别运行&#xff0c;更提供了几乎所有开发过程中需要用到的工具。如今&#xff0c;Qt已被运用于超过70个行业、数千家企业&#xff0c;支持数百万设备及应用。 Qt Widgets模块提供…

实验二 图像文件的转换和读写 bmp转yuv

实验目的&#xff1a; 1.理解bmp文件的基本组成&#xff1b; 2.实现bmp序列向yuv文件的转换&#xff08;基本要求为24bit的bmp文件&#xff0c;进阶要求为支持小于24bit的bmp文件&#xff09;&#xff0c;并用YUV Viewer播放验证。 BMP文件格式&#xff1a; 典型的 BMP 图像文…

Games104-04 游戏引擎中的渲染实践

Games104-04 游戏引擎中的渲染实践 渲染概述在游戏渲染系统中的挑战 渲染系统的对象渲染管线和数据(Rendering Pipeline and Data)计算投影和栅格化计算阴影&#xff08;Computation - Shading&#xff09;计算纹理采样(Computation - Texture Sampling) 了解GPUSIMD and SIMTG…

[数据压缩作业4]BMP2YUV文件格式转换

一. 实验名称 图像文件的读写和转换&#xff08;设计性实验&#xff09; 二. 实验目的 1&#xff0e;理解图像文件的基本组成。 2&#xff0e;掌握结构体作为复杂数据对象的用法。进一步熟悉由问题到程序的解决方案&#xff0c;并掌握编程细节&#xff1a;如内存分配、倒序读…