promise 执行顺序

最新推荐文章于 2024-05-06 10:07:28 发布
最新推荐文章于 2024-05-06 10:07:28 发布
阅读量287 收藏
点赞数
文章标签： javascript ViewUI

1、代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>promise 执行</title>
    </head>
    <body>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.js"></script>
        <script type="text/javascript">
            function delay(time) {
                return new Promise(function(resolve, reject) {
                    setTimeout(resolve, time)
                })
            }
            delay(1000)
                .then(function step2() {
                    console.log('step 2: after 1000ms');
                    return delay(2000)
                })
                .then(function step3() {
                    console.log('step 3: after another 2000ms');
                })
                .then(function step4() {
                    console.log('step 4: next job');
                    return delay(5000)
                })
                .then(function step5() {
                    console.log('step 5: after another 5000ms');
                })
        </script>
    </body>
</html>

控制台输出：

2、说明

promise将执行结果（不管是resolve还是reject），传到then和catch中。

weixin_33686714
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Promise 任务执行顺序
Shawn的博客
06-15 2546
<html> <head> <title>Promise学习</title> </head> <body> </body> <script> setTimeout(() => { console.log("setTimeout") },0) new Promise((resolve) => { resolve() con.
promise调用顺序
yyydcsdn的博客
07-11 158
以下代码，执行会输出什么。
Promise执行顺序详解
qq_41409353的博客
03-08 2551
Promise 的执行顺序详解
Promise的执行顺序
最新发布
weixin_63681863的博客
05-06 575
Executor 是在创建 Promise 实例时作为参数传递的一个函数，它用于定义 Promise 的行为。这个函数会立即执行，并且接收两个参数：resolve 和 reject，它们是两个由 JavaScript 引擎提供的函数，用于改变 Promise 的状态。// 这里是执行器函数// 在这个函数内部，你可以编写异步或同步的代码// 你可以根据具体的情况调用 resolve 或 reject");// 将 Promise 状态设置为 resolved}, 1000);});
promise执行顺序总结
abcde158308的博客
05-18 3424
1、 const promise = new Promise((resolve, reject)=>{ console.log(1); resolve(); console.log(2); }) promise.then(()=>{ console.log(4); }) console.log(5); 运行结果是： 1,2,5,4 解释：promise的构造函数是同步执行，promise.then中的函数是异步执行。 2、 const.
Promise原理及执行顺序
weixin_55538192的博客
02-19 1278
Promise 是 JavaScript 的一个内置对象，在语法上是一个构造函数，该构造函数只有一个参数，是一个函数。初始化时，这个函数在构造之后会直接被异步运行，所以称之为起始函数。起始函数包含两个参数： resolve 和 reject.resolve 和 reject 都是函数，其中调用 resolve 代表一切正常，是成功时的回调；reject 是出现异常是调用的。
Promise的使用和理解-执行顺序
qq_46199553的博客
09-06 1021
1.1. Promise 是什么? 1.1.1. 理解 抽象表达: Promise 是一门新的技术(ES6 规范) Promise 是 JS 中进行异步编程的新解决方案 备注：旧方案是单纯使用回调函数 具体表达: 从语法上来说: Promise 是一个构造函数 从功能上来说: promise 对象用来封装一个异步操作并可以获取其成功/ 失败的结果值 1.1.2. promise 的状态改变 pending 变为 resolved pending 变为 rejected 说明: 只有这 2
详解如何构建Promise队列实现异步函数顺序执行
10-17
总结来说，无论是通过链式调用、Promise队列还是`async/await`，我们都能有效地控制异步函数的顺序执行，使得程序逻辑更加清晰。选择哪种方法取决于个人喜好、项目需求以及团队的编码规范。熟练掌握这些技巧，能够使...
增强的promise支持promise顺序执行
08-12
增强的promise, 支持promise顺序执行
从微信小程序看promsie.all和promise顺序执行
03-29
最近在做小程序的开发，碰到的一个需求就是表单提交，提交的表单中包含有图片，微信这边的做法是先上传图片，后台把图片名称和地址返回给你，然后你把图片信息插入到表单的相应位置再提交表单，这里就涉及到如何上传...
Promise执行队列
08-15
Promise 队列，可以让promise按顺序执行，单例对象，多个界面可以向此队列中 压入Promise，可以设置过期时间，是否唯一等。
js利用递归与promise 按顺序请求数据的方法
10-16
总结一下，这个例子展示了如何使用递归和Promise来按顺序执行多个异步请求。递归确保了请求按照预设顺序依次发起，Promise则提供了优雅的错误处理和链式调用，使得代码更易于理解和维护。这种技术在处理依赖于前一个...
用Promise处理执行顺序
Yugoup的博客
01-11 385
用Promise处理执行顺序
关于Promise及其执行顺序总结
qq_40310997的博客
10-18 5403
文章目录Promise简介约定Promise原理分析Promise实例方法介绍then()方法catch()方法Promise时序promise，then，setTimeout的执行顺序参考 Promise简介 Promise 是一个对象，它代表了一个异步操作的最终完成或者失败。本质上 Promise 是一个函数返回的对象，我们可以在它上面绑定回调函数，这样我们就不需要在一开始把回调函数作为参数传入这个函数了。 约定 不同于“老式”的传入回调，在使用 Promise 时，会有以下约定： 在本轮事件循环运
promise 代码执行顺序
weixin_38822843的博客
03-04 649
一、 function task1(){ console.log('第⼀个任务') } function task2(){ console.log('第⼆个任务') } function task3(){ console.log('第三个任务') } function task4(){ console.log('第四个任务') } task1() setTimeout(task2,1000) setTimeout(task3,500) task4() 二、 function task1(){ c
多个promise顺序执行
m0_37346206的博客
09-15 3719
promise顺序执行
JS 中关于Promise的用法，状态，执行顺序详解，面试可用（原创）
热门推荐
weixin_53993283的博客
08-27 1万+
前言 项目中我们常会去用已经封装好的promise如axios,或者也会自己去封装promise，甚至在面试中，关于promise的面试题也层出不穷，promise的重要性不言而喻，故写该文章记录并加深自身对promise的理解。 背景 JavaScript是单线程语言，所以在执行耗时较大的任务时会导致页面阻塞。为了解决页面阻塞，异步执行被提了出来(异步被放在任务队列中，当所有同步执行完毕再去执行异步，而任务队列的异步有不是依次执行，谁耗时少就先执行谁)。异步带来一个......
Promise执行顺序
申小兮和林小兮的博客宝
12-18 836
①promise是同步任务还是微任务②promise.then()什么时候执行，是微任务还是宏任务③如何控制状态变化，不同状态变化，会执行哪个回调函数
promise执行顺序
08-19
在 JavaScript 中，Promise 的执行顺序可以分为以下几个步骤： 1. 创建 Promise 对象：使用 `new Promise()` 构造函数创建一个 Promise 对象，并传入一个执行器函数作为参数。 2. 执行器函数：执行器函数会立即...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值