网站首页 > 博客文章 正文
Promise对象
Promise对象用于表示一个异步操作的最终完成(或失败)及其结果值。一个Promise对象代表一个在这个promise被创建出来时不一定已知的值。
一个Promise必然处于以下几种状态之一:
1、待定(pending):初始状态,既没有被兑现,也没有被拒绝;
2、已兑现(fulfilled):意味着操作成功完成;
3、已拒绝(rejected):意味着操作失败;
之前的内容: JavaScript,ES6,异步编排Promise,async和await关键字
官方地址:
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise
代码案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Promise实例</title>
</head>
<body>
<script type="text/javascript">
const p1 = new Promise((resolve, reject) => {
resolve("Success!");
});
p1.then((value) => {
console.log(value); // Success!
});
//
var demo1 = new Promise(function(resolve, reject) {
// 异步处理
// 处理结束后、调用resolve<正确>或reject<错误>
console.log("demo1 已处理.");
resolve({code:"success",message:"正确==>11111"});
});
var demo2 = new Promise(function(resolve, reject) {
// 异步处理
// 处理结束后、调用resolve<正确>或reject<错误>
console.log("demo2 已处理.");
resolve({code:"success",message:"正确==>22222"});
});
var demo3 = new Promise(function(resolve, reject) {
// 异步处理
// 处理结束后、调用resolve<正确>或reject<错误>
console.log("demo3 已处理.");
// reject({code:"success",message:"错误"});
resolve({code:"success",message:"正确==>33333"});
});
Promise.all([demo1, demo2, demo3]).then((result) => {
console.log("> result", result);
console.log("> result[0]", result[0]);
console.log("> result[1]", result[1]);
console.log("> result[2]", result[2]);
});
//创建实例====>promise1
let promise1 = new Promise((resolve) => {
setTimeout(() => {
// 结果传递
resolve("Promise1操作成功~");
console.log("Promise1操作成功~")
}, 3000);
});
//创建实例====>promise2
let promise2 = new Promise((resolve) => {
setTimeout(() => {
// 结果传递
resolve("Promise2操作成功~");
console.log("Promise2操作成功~")
}, 1000);
});
Promise.all([promise1, promise2]).then((result) => {
console.log("result.length", result.length);
console.log("result", result);
});
</script>
</body>
</html>
猜你喜欢
- 2024-10-11 使用 Matter.js 创建物理模拟:牛顿摆
- 2024-10-11 一首歌带你搞懂Promise(歌曲promise)
- 2024-10-11 如何用Vue3和p5.js绘制一个交互式波浪图
- 2024-10-11 IT技术栈:Javascript中Promise的pending、fulfilled和rejected
- 2024-10-11 Node.js中的Promise:回调的替代方案
- 2024-10-11 我终于真正理解 Promise 了!(promise 的理解)
- 2024-10-11 探究JS中Promise函数then的奥秘(js中promise什么意思)
- 2024-10-11 关于js中的promise,与其说是一种语法还不如说是一种思想!
- 2024-10-11 前端-JavaScript异步编程中的Promise
- 2024-10-11 「JavaScript基础」一份详尽的 async/await 使用指南
你 发表评论:
欢迎- 最近发表
-
- 给3D Slicer添加Python第三方插件库
- Python自动化——pytest常用插件详解
- Pycharm下安装MicroPython Tools插件(ESP32开发板)
- IntelliJ IDEA 2025.1.3 发布(idea 2020)
- IDEA+Continue插件+DeepSeek:开发者效率飙升的「三体组合」!
- Cursor:提升Python开发效率的必备IDE及插件安装指南
- 日本旅行时想借厕所、买香烟怎么办?便利商店里能解决大问题!
- 11天!日本史上最长黄金周来了!旅游万金句总结!
- 北川景子&DAIGO缘定1.11 召开记者会宣布结婚
- PIKO‘PPAP’ 洗脑歌登上美国告示牌
- 标签列表
-
- ifneq (61)
- messagesource (56)
- aspose.pdf破解版 (56)
- promise.race (63)
- 2019cad序列号和密钥激活码 (62)
- window.performance (66)
- qt删除文件夹 (72)
- mysqlcaching_sha2_password (64)
- ubuntu升级gcc (58)
- nacos启动失败 (64)
- ssh-add (70)
- jwt漏洞 (58)
- macos14下载 (58)
- yarnnode (62)
- abstractqueuedsynchronizer (64)
- source~/.bashrc没有那个文件或目录 (65)
- springboot整合activiti工作流 (70)
- jmeter插件下载 (61)
- 抓包分析 (60)
- idea创建mavenweb项目 (65)
- vue回到顶部 (57)
- qcombobox样式表 (68)
- vue数组concat (56)
- tomcatundertow (58)
- pastemac (61)
本文暂时没有评论,来添加一个吧(●'◡'●)