ES6 JS Promise函数

已于 2022-04-01 23:03:14 修改
阅读量556 收藏
点赞数
分类专栏： Web前端 文章标签： javascript es6
于 2022-03-26 20:49:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wildpiglolo/article/details/123763055
版权

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Promise函数</title>
</head>

<body>
    <script>
        // 示例一
        new Promise(function (resolve, reject) {
            console.log(11);
            // 必须有个resolve或reject不然处于pending状态不往下执行
            if (true) {
                resolve(22);
            } else {
                // 直接跳转到catch
                reject("error"); 
            }
        }).then(function (value) {
            console.log(value);
            return 33;
        }).then(function (value2) {
            console.log(value2);
        }).catch(function (err) {
            console.log(err);
        }).finally(function () {
            console.log("finally");
        })

        // 示例二
        // 构造promise函数
        function print(delay, message) {
            return new Promise(function (resolve, reject) {
                setTimeout(function () {
                    document.write(message);
                    resolve();
                }, delay);
            });
        }

        // 构造异步函数
        async function asyncFunc() {
            // 一个promise函数运行结束再继续运行下一个。（我理解为异步中的函数同步执行）
            await print(5000, "1");
            // 上一个运行完后10s才打印输出2
            await print(10000, "2");
            await print(15000, "3");
        }
        // 输出：112233
        asyncFunc();
        asyncFunc();
    </script>
</body>

</html>

参考：https://www.runoob.com/js/js-promise.html
【如有不对，请指正】

Abbylolo
关注
专栏目录
promise.js
09-08
Promise.js Promise承诺函数的实现，支持任何浏览器； 用法与ES6 Promise函数完全一致。。。。。。。。。。。
JS中的Promise
gghhb12的博客
08-12 5645
Promise是异步编程的一种解决方案，他是一个对象，可以获取异步操作的消息，避免了回调地狱所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。Pending（进行中）Resolved（已完成）Rejected（已拒绝）
js之promise
我心坚持
03-02 4万+
promise promise是一个对异步操作进行封装并返回其结果的构造函数， promise是浏览器引擎自带的（但不是所有浏览器都支持promise） 当你new 一个promise时，就已经开始执行函数。
JavaScript——Promise
Corn___的博客
09-29 1786
JavaScript——Promise
JS 的 Promise详解
weixin_44983653的博客
06-08 5039
JS 的 Promise详解 function runAsync() { return new Promise (function(resolve, reject){ setTimeout(function(){ console.log('Do Sth...'); resolve('OK...') // reject('NOT OK...'); }, 3000); }); } runAs
前端开源库-es6-promise-pool
08-29
**前端开源库——ES6 Promise Pool** 在现代前端开发中，异步操作是不可或缺的一部分，Promise作为JavaScript中处理异步操作的重要工具，极大地改善了代码的可读性和可维护性。然而，当需要同时处理大量异步任务时...
es6-promise（微信小程序等引用）
03-09
const Promise = require("../es6-promise.js"); ``` 之后就可以在微信小程序中使用 Promise 进行异步操作的管理，比如网络请求、数据缓存等场景。 总之，ES6 Promise 提供了一种强大的机制来管理和控制异步操作，...
es6-promise@4.1.1.zip
06-18
为了解决这个问题，Promise（承诺）应运而生，它是ES6引入的一种异步编程的解决方案，极大地改善了JavaScript中处理异步操作的方式。 **Promise的基本概念** Promise对象代表一个异步操作的最终完成或失败，并且...
快速学习ES6新特性-Promise
01-07
我们可以通过Promise的构造函数来创建Promise对象，并在内部封装一个异步执行的结果。 语法： 这样，在promise中就封装了一段异步执行的结果。 如果我们想要等待异步执行完成，做一些事情，我们可以通过promise的...
ES6的Promise详解
程序员柒的博客
11-08 5793
本篇文章主要介绍了ES6语法中的Promise对象的使用详解,promise对象是JS进阶学习中的重要知识点，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力，先赞后看养成习惯。以下是本篇文章正文内容。
JS基础篇-Promise
jinbiao8246的博客
04-07 148
1.Promise基本使用 //举一个加载图片的例子 function loadImg(url){ return new Promise( (resolve,reject) =>{ const img = document.createElement("img"); img.onload = ()=>{ resolve(img) } img.one...
js中的promise详解
热门推荐
zyf971020的博客
09-23 6万+
js中的promise详解
JS中的Promise、理解Promise
小卡酷谋的博客
08-23 2541
准备工作 用Promise创建一个ajax promise的本质 Promise的本质就也是使用回调函数定义的异步任务结束后所需要执行的任务，只不过这里的回调函数是通过 then 方法传递进去的。还有Promise将回调函数分为了两种，一种是成功的回调onFulfiled和失败的回调onRejected。 误区 嵌套使用的方式是使用Promise最常见的错误，借助于Promise then 方法链式调用的特点，尽量保证异步任务扁平化。 then方法 then方法就是为Promise对象添加状态明确后的回调
JavaScript中的Promise详解
qq_56989560的博客
06-05 1345
JavaScript中的Promise详解
JS Promise用法
雨裹裹的博客
12-27 2236
Js promise的用法
js基础之Promise（全面+手写实现）
m0_49159526的博客
04-14 3903
Promise是处理异步操作的优秀方案，可以使代码更加简洁、易读、易维护，避免回调地狱和嵌套过深的问题。掌握Promise可以提高开发效率、减少代码错误和提高代码质量。本文介绍了Promise的概念、用法和手写实现方法，对于前端开发，了解并学会手写实现Promise，会让你的js基础更上一层楼。
JS中的Promise（秒懂如何使用promise进行异步操作）
百赢出品，必属精品
04-09 1万+
JavaScript中的Promise是一种用于处理异步操作的对象，它代表了一个尚未完成但最终会完成或失败的操作，目的是更加优雅地书写复杂的异步任务。Promise 是一种用于处理异步操作的 JavaScript 对象，它提供了一种更清晰、更可靠的方式来管理异步代码。简化异步操作：Promise 可以帮助我们更轻松地处理异步操作，以及在操作完成后执行相应的逻辑。链式调用：通过使用 .then() 方法，我们可以将多个异步操作链接在一起，形成一个链式调用，使代码更加清晰易读。明确的状态变化。
Js核心知识点 - 关于 promise 详解
qq_61723274的博客
03-01 1415
Promises/A+规范网址:Promise 是 JavaScript 中用于处理异步操作的一种解决方案。它是一个对象，代表了一个异步操作的最终完成（或失败）及其结果的表示。Promise 可以让我们更容易地进行异步编程，并避免了回调地狱的情况。状态（State）：一个 Promise 可以处于三种状态之一：进行中（pending）、已成功（fulfilled）和已失败（rejected）。当一个 Promise 转为 fulfilled 或 rejected 状态时，就称为 settled 状态，
前端 JS 经典：Promise 详解
最新发布
weixin_64684095的博客
06-10 6896
在以前我们实现异步是用的回调函数，当一个异步请求需要依赖上一个异步请求返回的结果的时候，就会形成如下这种的调用结构。这种结构看着很杂乱且不易维护，被我们亲切的叫做。为了解决回调地狱的问题，Promise 就诞生了。。
深入理解ES6：Promise与async/await实战解析
本文主要探讨了ES6中的两种重要异步操作工具：Promise和async函数。Promise用于处理异步操作，而async函数则提供了一种更简洁的异步编程方式。 在ES6中，Promise是一种解决异步编程复杂性的机制。Promise对象表示一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值