Js篇-面试题2-Promise 执行顺序问题

最新推荐文章于 2025-03-19 12:15:53 发布

itclanCoder

最新推荐文章于 2025-03-19 12:15:53 发布

阅读量2.5k

点赞数 2

文章标签：队列 javascript nginx nagios cloudera

本文链接：https://blog.youkuaiyun.com/wzc_coder/article/details/108332748

版权

本文探讨了Promise在JavaScript中的执行顺序问题，通过一个面试题解析了事件循环、任务队列以及宏任务和微任务的执行机制。解析指出，微任务在宏任务之前执行，因此输出顺序为1, 5, 3, 4, 2。" 109752583,623358,Visual Studio 2019：构建速度提升详解,"['C++开发', '游戏引擎', '软件优化', '开发工具', '编译器']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

虽互不曾谋面,但希望能和您成为笔尖下的朋友

以读书,技术,生活为主,偶尔撒点鸡汤

不作,不敷衍,意在真诚吐露,用心分享

点击左上方,可关注本刊

标星公众号（ID：itclanCoder）

如果不知道如何操作

点击这里,标星不迷路

━━━━━━

Promise 执行问题

写出下面一段程序的输出的结果

new Promise(resolve => {
    console.log(1);
    setTimeout(() => console.log(2),0)
    Promise.resolve().then(() &

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

itclanCoder

关注关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

js常见面试题——详解Promise使用与原理及实现过程（附源码）

weixin_56134381的博客

04-19

4503

什么是 Promise promise 是目前 JS 异步编程的主流解决方案，遵循 Promises/A+ 方案。 Promise 原理简析（1）promise 本身相当于一个状态机，拥有三种状态 pending fulfilled rejected 一个 promise 对象初始化时的状态是 pending，调用了 resolve 后会将 promise 的状态扭转为 fulfilled，调用 reject 后会将 promise 的状态扭转为 rejected，这两种扭转一旦发生便不能再扭转该 pr

【面试题】async await、promise和setTimeout的执行顺序_前端promise settime执行顺序题

2401_84435838的博客

05-09

419

阿里十分注重你对源码的理解，对你所学，所用东西的理解，对项目的理解。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】reslove();})复制代码async2promise1script endpromise2setTimeOut复制代码async2promise1script endasnyc1 endpromise2setTimeOut复制代码。

参与评论您还未登录，请先登录后发表或查看评论

JavaScript中的Event Loop、Tasks和Microtasks

随风丶逆风的博客

05-15

411

看到过下面这样一道题：(function test() { setTimeout(function() {console.log(4)}, 0); new Promise(function executor(resolve) { console.log(1); for( var i=0 ; i<10000 ; i++ ) { ...

JavaScript中Promise的顺序执行解决方案

最新发布

weixin_32661831的博客

03-19

1159

简介：Promise是JavaScript处理异步操作的关键工具，通过提供三种状态（pending、fulfilled、rejected）来优化回调的管理。本项目探讨了如何利用Promise解决异步操作的顺序执行问题，通过.then()方法构建Promise链，确保任务按序执行。实例包括递归和数组的.reduce()方法来处理一系列按顺序执行的Promises。掌握Promise对于前端开发者处理复杂异步操作至关重要。

JavaScript--Promise执行顺序

qq_45633813的博客

09-09

1363

promise执行顺序1、微任务是在宏任务的执行中产生的，所以一开始程序执行时是没有微任务的。2、系统将微任务执行完以后，才会去执行下一个宏任务。3、宏任务里如果有宏任务，不会执行里面的那个宏任务，而是被丢进任务队列后面，所以会最后执行。4、宿主环境提供的属于宏任务：例如setTimeout。由语言标准提供的属于微任务：例如promise.then。可以以此来区分宏任务和微任务。

promise面试题，代码任务执行顺序

heiKeWangZi1368的博客

03-12

517

js是单线程的，从上往下执行，当遇到微任务时比如promise.then()方法时和宏任务时比如setTimeOut()时，分别开辟两个任务栈装这两个任务，只有js主线程执行完了，就看看微任务里有没有要执行的，微任务执行完了，最后看看宏任务里有没有要执行的。 ...

[JavaScript][ES6]关于Promise的面试题

DaftJayee的博客

09-27

371

https://juejin.im/post/6844904077537574919

js代码-面试题10: js执行顺序

07-15

理解这些概念并能熟练运用，对于解决JS执行顺序问题至关重要。例如，当遇到异步操作如`setTimeout`时，需要考虑其所在的宏任务和后续的微任务执行。通过分析代码的执行路径和事件循环机制，可以准确预测程序的行为。...

Js篇-面试题6-聊一下强缓存与协商缓存

itclanCoder

09-05

4518

虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号（ID：itclanCoder）如果不知...

js代码-面试题5：前端浏览器eventLoop机制

07-15

在前端开发中，JavaScript是...了解和掌握事件循环机制对于解决JavaScript中的异步问题至关重要，例如防止回调地狱、理解Promise和async/await的执行顺序等。熟练运用这些知识可以编写出更加高效和可维护的前端代码。

Promise的执行顺序

weixin_63681863的博客

05-06

1666

Executor 是在创建 Promise 实例时作为参数传递的一个函数，它用于定义 Promise 的行为。这个函数会立即执行，并且接收两个参数：resolve 和 reject，它们是两个由 JavaScript 引擎提供的函数，用于改变 Promise 的状态。// 这里是执行器函数// 在这个函数内部，你可以编写异步或同步的代码// 你可以根据具体的情况调用 resolve 或 reject");// 将 Promise 状态设置为 resolved}, 1000);});

js面试题之Promise

Susan_Q的博客

12-27

2016

文章目录1、promise基本输出题1、new Promise 的参数函数是同步执行2、promise的then函数不同返回值的区别 1、promise promise使用文档 面试题 面试题2 事件循环基本输出题 1、new Promise 的参数函数是同步执行 const p = new Promise((resolve, reject) => { console.log(1) resolve() console.log(2) }) p.then(() => {

10 个 JavaScript Promise 的面试题

web前端开发

06-24

1997

英文 | https://betterprogramming.pub/10-javascript-promise-challenges-before-you-start-an-interview-c9af8d4144ec翻译 | 杨小爱Promise 是 JavaScript 异步编程的关键特性。不管你爱它还是恨它，你都必须理解它。在这里，我整理了一些关于 Promise...

JS面试题之代码执行过程

冯静的博客

02-11

293

js中setTimeout与Promise执行顺序

liushijun_的博客

06-04

1531

今天在公众号上看到一段代码，刚看到的时候遇到了一些问题，下面来看一下。 setTimeout(function() { console.log(1); }) new Promise(function(resolve, reject) { console.log(2); resolve(3) }).then((res) => { console.log(res) }...

JS手写面试题 --- Promise 以及相关方法的实现

lvhanghmm的博客

06-21

222

JS手写面试题 --- Promise 以及相关方法的实现题目描述: 手写 Promise 以及 Promise.all Promise.race 的实现实现代码如下: class MyPromise { constructor(fn) { // 表示状态 this.state = "pendings"; ...

JS - Promise的各种面试问题及分析

kelly0721的博客

10-19

1206

Promise的各种面试问题及分析

JavaScript 面试题（十六）Promise 是什么？Promise 都有哪几种状态？

qq_42684926的博客

08-27

389

Promise 是异步编程的解决方案，从语法上讲，Promise 是一个对象，可以获取异步操作的信息。 Promise 的作用： 1.解决回调地狱问题； 2.Promise 提供了简洁的 API，使得控制异步操作更加容易。 Promise 的三种状态： 1.pending 代表正在请求； 2.resolved 代表成功； 3.rejected 代表失败。 Promise 基础用法： new Promise(function(resolve,reject){}) ...