Promise简明代码记录

2024-08-29 12:44
文章标签 代码 记录 promise 简明

本文主要是介绍Promise简明代码记录,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Promise讲解

个人感觉讲的比较好的,忘记了可以反复听~忘记了主要是写的少~忘了就敲一敲吧

常见的异步:Ajax和定时器

Promise是一个类,构造函数,参数接2个行参

Promise是有状态的,前端可以打印查看

resolve

const p1 = new Promise((resolve,reject)=>{resolve("P1 任务成功得到的数据");    
})
p1.then(data=>{console.log(data);
}).catch(err =>{console.log(err);
})//打印为P1 任务成功得到的数据

reject

const p2 = new Promise((resolve,reject)=>{     reject("P2 任务失败得到的数据")
})
p2.then(data=>{console.log(data);
}).catch(err =>{console.log(err);
})// 打印为P2 任务失败得到的数据

2 个异步任务

新的promise写到then里,第二个then处理第一个then种promise返回的对象

const p3 = new Promise((resolve,reject)=>{     resolve("P3 任务成功得到的数据")    
})
p3.then(data=>{console.log(data);return new Promise((resolve,reject)=>{resolve("P4 任务成功得到的数据");    })
}).then(data=>{console.log(data);
})// 打印为
// P3 任务成功得到的数据
// P4 任务成功得到的数据

2个异步任务,第一个出错用catch

const p5 = new Promise((resolve,reject)=>{     reject("P5 任务失败得到的数据")    
})
p5.then(data=>{return new Promise((resolve,reject)=>{resolve("P6 任务成功得到的数据");    })
})
.then(data=>{console.log(data);
})
.catch(err=>{console.log(err)
})//打印为P5 任务失败得到的数据

2个异步任务,失败利用err(如果有err,就不会走catch)

const p5 = new Promise((resolve,reject)=>{     reject("P5 任务失败得到的数据")    
})
p5.then(data=>{return new Promise((resolve,reject)=>{resolve("P6 任务成功得到的数据");    })
},err => {    console.log(err);
})
.then(data=>{console.log(data);
})//打印结果为: P5 任务失败得到的数据

Async&await

// 准备一个返回promise的对象函数
function asyncTask () {return new Promise((resolve,reject)=>{const isSuccess = true;if(isSuccess){resolve("成功")}else{reject("失败")}})
}
// 为使用await的函数添加async
async function main() {const data = await asyncTask();console.log(data);
}

这篇关于Promise简明代码记录的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1117898

相关文章

使用 sql-research-assistant进行 SQL 数据库研究的实战指南(代码实现演示)

《使用sql-research-assistant进行SQL数据库研究的实战指南(代码实现演示)》本文介绍了sql-research-assistant工具,该工具基于LangChain框架,集... 目录技术背景介绍核心原理解析代码实现演示安装和配置项目集成LangSmith 配置(可选)启动服务应用场景

Python中顺序结构和循环结构示例代码

《Python中顺序结构和循环结构示例代码》:本文主要介绍Python中的条件语句和循环语句,条件语句用于根据条件执行不同的代码块,循环语句用于重复执行一段代码,文章还详细说明了range函数的使... 目录一、条件语句(1)条件语句的定义(2)条件语句的语法(a)单分支 if(b)双分支 if-else(

关于Spring @Bean 相同加载顺序不同结果不同的问题记录

《关于Spring@Bean相同加载顺序不同结果不同的问题记录》本文主要探讨了在Spring5.1.3.RELEASE版本下,当有两个全注解类定义相同类型的Bean时,由于加载顺序不同,最终生成的... 目录问题说明测试输出1测试输出2@Bean注解的BeanDefiChina编程nition加入时机总结问题说明

MySQL数据库函数之JSON_EXTRACT示例代码

《MySQL数据库函数之JSON_EXTRACT示例代码》:本文主要介绍MySQL数据库函数之JSON_EXTRACT的相关资料,JSON_EXTRACT()函数用于从JSON文档中提取值,支持对... 目录前言基本语法路径表达式示例示例 1: 提取简单值示例 2: 提取嵌套值示例 3: 提取数组中的值注意

CSS3中使用flex和grid实现等高元素布局的示例代码

《CSS3中使用flex和grid实现等高元素布局的示例代码》:本文主要介绍了使用CSS3中的Flexbox和Grid布局实现等高元素布局的方法,通过简单的两列实现、每行放置3列以及全部代码的展示,展示了这两种布局方式的实现细节和效果,详细内容请阅读本文,希望能对你有所帮助... 过往的实现方法是使用浮动加

JAVA调用Deepseek的api完成基本对话简单代码示例

《JAVA调用Deepseek的api完成基本对话简单代码示例》:本文主要介绍JAVA调用Deepseek的api完成基本对话的相关资料,文中详细讲解了如何获取DeepSeekAPI密钥、添加H... 获取API密钥首先,从DeepSeek平台获取API密钥,用于身份验证。添加HTTP客户端依赖使用Jav

Java实现状态模式的示例代码

《Java实现状态模式的示例代码》状态模式是一种行为型设计模式,允许对象根据其内部状态改变行为,本文主要介绍了Java实现状态模式的示例代码,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来... 目录一、简介1、定义2、状态模式的结构二、Java实现案例1、电灯开关状态案例2、番茄工作法状态案例

nginx-rtmp-module模块实现视频点播的示例代码

《nginx-rtmp-module模块实现视频点播的示例代码》本文主要介绍了nginx-rtmp-module模块实现视频点播,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习... 目录预置条件Nginx点播基本配置点播远程文件指定多个播放位置参考预置条件配置点播服务器 192.

CSS自定义浏览器滚动条样式完整代码

《CSS自定义浏览器滚动条样式完整代码》:本文主要介绍了如何使用CSS自定义浏览器滚动条的样式,包括隐藏滚动条的角落、设置滚动条的基本样式、轨道样式和滑块样式,并提供了完整的CSS代码示例,通过这些技巧,你可以为你的网站添加个性化的滚动条样式,从而提升用户体验,详细内容请阅读本文,希望能对你有所帮助...

深入解析Spring TransactionTemplate 高级用法(示例代码)

《深入解析SpringTransactionTemplate高级用法(示例代码)》TransactionTemplate是Spring框架中一个强大的工具,它允许开发者以编程方式控制事务,通过... 目录1. TransactionTemplate 的核心概念2. 核心接口和类3. TransactionT