ES6中Promise、async和await面试题整理

已于 2024-09-01 16:23:30 修改
阅读量1.1k 收藏 45
点赞数 41
分类专栏： javascript深入研究 vue2/3 从基础到起飞 文章标签： es6 前端 ecmascript html5 javascript es13
于 2024-08-09 09:50:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_78542842/article/details/141036138
版权

 🚀 个人简介：某大型国企资深软件开发工程师，信息系统项目管理师、CSDN优质创作者、阿里云专家博主、华为云云享专家，分享前端后端相关技术与工作常见问题~

💟 作    者：码喽的自我修养❣️
📝 专    栏：vue2/3 从基础到起飞

🌈 若有帮助，还请 关注➕点赞➕收藏  ，不行的话我再努努力💪💪💪

promise是每个前端人必须会接触到的一个知识点,下面这篇文章主要给大家整理了一下关于ES6中Promise、async和await面试题的相关资料,文中通过实例代码介绍得非常详细,需要的朋友可以参考下，创作不易，如果能帮助到带大家，欢迎收藏+关注 哦 💕

🌈🌈文章目录

出题目的

主要涉及知识点

代码示例

考点1：Promise.resolve、Promise.reject执行顺序

考点2：then 和 catch 内部没有 throw new Error() 相当于 resolve

考点3：async function -> 相当于返回一个 Promise.resolve

考点4： await 代码执行顺序

了解本专栏 订阅专栏 解锁全文 超级会员免费看
码喽的自我修养
关注
专栏目录
订阅专栏
事件循环、宏任务与微任务、Promise与 Async/Await以及常见面试题
xiaoxiaotututu的博客
07-19 666
事件循环（event loop） JS分为同步任务和异步任务，同步任务会在主线程上执行（形成执行栈，先进后出），异步任务会先放置在任务队列中（先进先出）； 当主线程上的同步任务全部执行完成后，js会在任务队列中依次取出异步任务并执行。 JS主线程不断的循环往复的从任务队列中读取任务，执行任务，这中运行机制遍称为事件循环。 但事件循环中的任务队列并不是唯一的，每个事件循环都有一个微任务队列以及多个宏任务队列。 宏任务（Macrotasks）与微任务（Microtasks） 异步任务可分为 宏任务 和 微任
ES6中Promise、async、await面试题
ThisEqualThis的博客
02-20 1000
学习过程中遇到的一些基础的Promise、async、await面试题整理。
每日必记五题（第二天）
老余的博客
10-11 164
答：async/await是写异步代码的新方式，它是generator的语法糖，以前的方法有回调函数和 Promise。答：两者都是可以同时调用多个promise实现，Promise.all可以将多个实例组装成一个新的实例，成功的时候返回一个成功数组，失败的时候则返回最先被reject失败状态的值；（2）简洁：使用async和await明显节约了不少代码，不需要.then,不需要写匿名函数处理promise的resolve的值，不需要定义多余的data变量，还避免了嵌套代码。
Promise，async，await 面试题
qq_40147756的博客
09-08 741
Promise，async，await 面试题
搞定前端面试题——ES6同步与异步机制、async/await的使用以及Promise的使用！！！
最新发布
qq_65034569的博客
07-13 669
搞定ES6同步与异步机制、async/await的使用以及Promise的使用！！！
js执行顺序【setTimout，promise,async,await】面试问题详解
weixin_43837268的博客
07-25 269
setTimeout(function () { console.log(1); }, 100); setTimeout(function () { console.log(2); }, 0) Promise.resolve( console.log(3) ).then( () => { console.log(4) } ) async function...
2024年前端最全深入理解ES6以后前端异步玩法async和await(1)，万字解析
2401_84617477的博客
05-06 1125
大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】深入理解ES6以后前端异步玩法async和await一、为啥要用异步玩法==========
面试题promise和async和await
04-24
Promise、async/await 都是 JavaScript 中处理异步操作的方式。它们的主要区别在于语法形式和使用方式。 Promise 是 ES6 中引入的一种异步处理方式，它通过 then 方法链式调用，不断返回 Promise 对象实现异步操作...
8张图帮你一步步看清 async/await 和 promise 的执行顺序
CSDN_KONGlX的博客
07-06 1192
需要具备的前置知识 promise的使用经验 浏览器端的eventloop 不过如果是对 ES7 的 async 不太熟悉，是没关系的哈，因为这篇文章会详解 async。 那么如果不具备这些知识呢，推荐几篇我觉得讲得比较清楚的文章 https://segmentfault.com/a/11...这是我之前写的讲解eventloop的文章，我觉得还算清晰，但是没涉及 async https...
面试题：利用Promise和async/await实现以下功能
不才的博客
02-21 726
现有一个接口https://test.com/get?id=1，需要发起id从1~200的GET方式调用200次异步请求，要求分20轮发出，前一轮全部完成后才进行下一轮，每轮同时并发请求为10次。 function get(url = "https://test.com/get", params) { return new Promise((resolve, reject) => { axios .get(url, params) .then((r
前端面试——回调、Promise、Generator和async-await
web分享客的博客
09-19 4582
首先我们回顾一下javascript异步的发展历程。 ES6 以前： 　　回调函数（callback）：nodejs express 中常用，ajax中常用。 ES6： 　　promise对象：nodejs最早有bluebird promise的雏形，axios中常用。 　　generator函数：nodejs koa框架使用率很高。 ES7: 　　async/await语法：当前最...
【异步系列三】10道 Promise 面试题彻底理解 Promise 异步执行顺序
二三的博客
09-23 7346
上一篇文章详细说明了关于 Promise 的概念以及执行顺序，Promise 作为 JavaScript 中的关键特性，无论是在日常工作中还是面试中，我们都必须掌握它。前段时间在网上看到了一些关于 Promise 的面试题，质量很好，在这里整理到下面，并加上我一些自己的见解，欢迎斧正！
ES6常问面试题（Promise，async和await 等）
idiot_MAN的博客
10-29 2934
Promise 是es6引入的异步编程的新解决方案 ，语法上Promises是一个构造函数，用来封装异步操作并可以获取其成功或者失败的结果，实例化一个Promise对象，里面有一个参数，参数是函数类型值，有两个形参，一个是resolve,一个是reject，然后执行一个异步 操作，会得到一个数据，然后调用resolve方法，然后promise的状态就会变成一个成功，然后调用promise对象的.then方法，里面有两个函数，一个是成功的时候调用，一个是失败的时候调用。它类似于对象，也是键值对的集合。
面试之ES6promise及async/await初识
Ningqiugu的博客
07-26 1459
    近期因为在找工作，所以一直在准备面试的事，所以看了很多面试的题目，从基础的js知识看到复杂的一些es6的新语法等等，刚好近期也在学习ES6，所以也是将关于面试的一些经典的题目拿出来，给大家分享，同时也是自己的再次学习。     众所周知，js是一个单线程的语言，所以我们也是经常和同步异步去打交道，要理解同步异步，同时也需要了解一下js的事件循环机制，事件循环机制，用自己的话来总结就是说，...
Promise 与 async await 面试知识点
阿嚏乱码的地方
02-26 1384
Promise的正常用法 function xx(){ return new Promise((resolve,reject)=>{ setTimeout(()=>{ resovle('成功的输出') reject('失败输出') },3000) }) } xx().then(fn1,...
Promise 和 async-await的区别-前端面试题
ALoye_喜樂的博客
01-04 1982
Promise 和 async-await 都是优化异步编程体验的解决方案。 Promise async-await promise 出现解决了传统 callback 函数回调地域的问题，支持链式调用可以停.then,promise 分别有 3 种状态一旦函数执行 promise 有了结果就无法改变，遇到复杂的业务逻辑 promise 显然不是那么方便需要不停 then 这样语法显然也不美观。 async,await 是基于 promise 实现的，它是基于 Generator 函数的语法糖
从经典面试题了解async、await、promise
Nick_YangXiaoTong的博客
12-10 2323
evenloop 执行同步代码（属于宏任务，如遇微任务会推到微任务队列） 执行所有微任务 执行异步代码 面试题 async function async1() { console.log("async1 start"); await async2(); console.log("async1 end"); return 'async return'; } as...
Promise,async和await的面试题
wdhxs的博客
12-04 3316
Promise,async和await的面试题 一、关于Promise的执行顺序 创建Promise是同步的，当执行完resolve();后，状态变为resolved，后面的.then立即放入微队列，第二个.then放入第一个.then返回promise对象的缓存队列中（并不是微队列）。 1. new Promise((resolve, reject) => { console.log("外部promise"); resolve(); }) .then(() => { con
评论 29
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码喽的自我修养

您的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值