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

相关文章

使用C#代码计算数学表达式实例

《使用C#代码计算数学表达式实例》这段文字主要讲述了如何使用C#语言来计算数学表达式,该程序通过使用Dictionary保存变量,定义了运算符优先级,并实现了EvaluateExpression方法来... 目录C#代码计算数学表达式该方法很长,因此我将分段描述下面的代码片段显示了下一步以下代码显示该方法如

python多进程实现数据共享的示例代码

《python多进程实现数据共享的示例代码》本文介绍了Python中多进程实现数据共享的方法,包括使用multiprocessing模块和manager模块这两种方法,具有一定的参考价值,感兴趣的可以... 目录背景进程、进程创建进程间通信 进程间共享数据共享list实践背景 安卓ui自动化框架,使用的是

SpringBoot生成和操作PDF的代码详解

《SpringBoot生成和操作PDF的代码详解》本文主要介绍了在SpringBoot项目下,通过代码和操作步骤,详细的介绍了如何操作PDF,希望可以帮助到准备通过JAVA操作PDF的你,项目框架用的... 目录本文简介PDF文件简介代码实现PDF操作基于PDF模板生成,并下载完全基于代码生成,并保存合并P

SpringBoot基于MyBatis-Plus实现Lambda Query查询的示例代码

《SpringBoot基于MyBatis-Plus实现LambdaQuery查询的示例代码》MyBatis-Plus是MyBatis的增强工具,简化了数据库操作,并提高了开发效率,它提供了多种查询方... 目录引言基础环境配置依赖配置(Maven)application.yml 配置表结构设计demo_st

SpringCloud集成AlloyDB的示例代码

《SpringCloud集成AlloyDB的示例代码》AlloyDB是GoogleCloud提供的一种高度可扩展、强性能的关系型数据库服务,它兼容PostgreSQL,并提供了更快的查询性能... 目录1.AlloyDBjavascript是什么?AlloyDB 的工作原理2.搭建测试环境3.代码工程1.

Java调用Python代码的几种方法小结

《Java调用Python代码的几种方法小结》Python语言有丰富的系统管理、数据处理、统计类软件包,因此从java应用中调用Python代码的需求很常见、实用,本文介绍几种方法从java调用Pyt... 目录引言Java core使用ProcessBuilder使用Java脚本引擎总结引言python

Java中ArrayList的8种浅拷贝方式示例代码

《Java中ArrayList的8种浅拷贝方式示例代码》:本文主要介绍Java中ArrayList的8种浅拷贝方式的相关资料,讲解了Java中ArrayList的浅拷贝概念,并详细分享了八种实现浅... 目录引言什么是浅拷贝?ArrayList 浅拷贝的重要性方法一:使用构造函数方法二:使用 addAll(

JAVA利用顺序表实现“杨辉三角”的思路及代码示例

《JAVA利用顺序表实现“杨辉三角”的思路及代码示例》杨辉三角形是中国古代数学的杰出研究成果之一,是我国北宋数学家贾宪于1050年首先发现并使用的,:本文主要介绍JAVA利用顺序表实现杨辉三角的思... 目录一:“杨辉三角”题目链接二:题解代码:三:题解思路:总结一:“杨辉三角”题目链接题目链接:点击这里

SpringBoot使用注解集成Redis缓存的示例代码

《SpringBoot使用注解集成Redis缓存的示例代码》:本文主要介绍在SpringBoot中使用注解集成Redis缓存的步骤,包括添加依赖、创建相关配置类、需要缓存数据的类(Tes... 目录一、创建 Caching 配置类二、创建需要缓存数据的类三、测试方法Spring Boot 熟悉后,集成一个外

Servlet中配置和使用过滤器的步骤记录

《Servlet中配置和使用过滤器的步骤记录》:本文主要介绍在Servlet中配置和使用过滤器的方法,包括创建过滤器类、配置过滤器以及在Web应用中使用过滤器等步骤,文中通过代码介绍的非常详细,需... 目录创建过滤器类配置过滤器使用过滤器总结在Servlet中配置和使用过滤器主要包括创建过滤器类、配置过滤