promise面试题

最新推荐文章于 2024-01-12 11:34:19 发布
最新推荐文章于 2024-01-12 11:34:19 发布
阅读量408 收藏 2
点赞数
分类专栏： 自己总结 文章标签： vue.js html5 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yan_j_ing/article/details/120557178
版权
Promise是ES6为解决回调地狱问题引入的一种异步处理方式。它通过链式调用来避免深层嵌套，但仍有改进空间，最终常用的是async/await。Promise有三种状态：进行中、成功和失败，通过resolve和reject改变状态并传递结果。.then和.catch用于接收成功或失败的结果。此外，Promise.all用于合并多个请求，所有请求完成才会继续；Promise.race则在任一请求完成时立即返回结果。

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

首先promise是es6提供一种异步解决方案. 通过promise能够解决回调地狱问题. 所谓的这个回调地狱指的当我们执行完一个操作之后在接受着操作的结果只能通过回调函数的方式进行接受,使用回调函数的方式存在的弊端就是写法非常臃肿,并且后期难以维护,所谓es6给我提供了一种新的解决方案,就是promise来进行解决,promise可以通过链式调用的方式来解决层层嵌套的问题,但是写法上也不是非常好,所以我们最终的替代方案是使用async和await

promise一共有三个状态,分别是进行中,成功或者失败 如何成功的话可以通过resolve方法将正确结果返回出去,通过.then的方式进行接受,失败的话可以通过reject的方式将失败的结果返回出去,通过.catch的方式进行接受,pending状态是进行中,一旦进行之后,他的状态是不可逆的

如果要使用promise,我们需要对promise进行实例化,在实例化的构造函数里面有一个回调函数,这个回调函数里面有那个参数,分别是resolve和reject,我们可以通过promise的实例化对象调用.then或者.catch方式接受结果

promise还给我们提供了.all 和 race, 其中all方法的作用是将多个请求合并成一个请求, 比如当首页要请求10个接口,我们可以promise.all进行合并,.race的作用也可以将多个请求合并成一个请求,不过是谁先请求成功就先返回谁.

promise实例

  // 第一步：先写一个函数
  function fetch ( options ){
         // 第二步：实例化promise
        let p = new Promise(( resolve,reject ) => {
          // 第三步：放一个异步操作，我这里放的的是小程序的请求
             wx.request ({
               url: options.url,
               data: o
最低0.47元/天 解锁文章
Promise 面试题
qq_42431718的博客
03-01 766
Promise 是 JavaScript 中处理异步操作的一种机制。Promise 的主要作用是提供一种处理异步操作的统一接口和语法，使得异步代码更易于理解和维护。接收一个 Promise 数组作为参数，并返回一个新的 Promise，该 Promise 在所有输入 Promise 都成功解决后才解决，或者在任何一个输入 Promise 失败时拒绝。如何使用 Promise 处理多个异步操作的并行执行？如何在 Promise 中处理异步操作的成功和失败？Promise 的三种状态是什么？
关于promise面试题
Kane_qqq的博客
05-05 4618
1. promise的几个API promise.resolve(1) promise.reject(1) promise.all([promise1,promise2,promise3]) promise.race([promise1,promise2,promise3]) 2. promise的三个状态 pending，表示进行中 fulfilled也是resolved，表示成功 rejected，表示失败 3.promise的状态变化 只能从pending->resolved或者
Promise 面试题整理
qq_45279574的博客
07-19 781
基础输出题 题目1 const promise = new Promise((resolve, reject) => { console.log(1) resolve() console.log(2) }) promise.then(() => { console.log(3) }) console.log(4) // 1 2 4 3 记住 new Promise 里的参数函数，是同步被执行的，故而先输出 1，2. resolve 后还需要等待进入下一
Promise面试题
weixin_34044273的博客
03-06 480
Promise面试题1 有这样一道关于promise的面试题，描述如下： 页面上有一个输入框，两个按钮，A按钮和B按钮，点击A或者B分别会发送一个异步请求，请求完成后，结果会显示在输入框中。 题目要求，用户随机点击A和B多次，要求输入框显示结果时，按照用户点击的顺序显示，举例： 用户点击了一次A，然后点击一次B，又点击一次A，输入框显示结果的顺序为先显示A异步请求结果，再次显示B的请求结果，最...
promise 面试题
guizi0809的博客
08-11 536
一、基础题 题目1： const p = new Promise((resolve, reject) => { console.log(1) resolve(2) console.log(3) }) p.then(res => console.log(res)) console.log(4) 1.Promise 对象一旦创建会立即执行 执行console.log(1)，输出1 执行resolve(2)，promise由pending的状态改为fulfilled 执行con
async和await
狡辉两门的博客
04-30 266
消除回调 有了Promise，异步任务就有了一种统一的处理方式 有了统一的处理方式，ES官方就可以对其进一步优化 ES7推出了两个关键字async和await，用于更加优雅的表达Promise async async关键字用于修饰函数，被它修饰的函数，一定返回Promise async function method1(){ return 1; // 该函数的返回值是Promise完成后的数据 } method1(); // Promise { 1 } async function method2.
Promise常见面试题
qq_42582773的博客
01-20 1517
Promise
Promise面试题汇总
热门推荐
公众号：前端充电宝
08-24 4万+
Promise回顾 Promise基础 Promise的catch、then、finally Promise的all和race Async、await 其他题目
Promise面试题合集(问题+答案)
实力派，无需多言！
01-12 5030
好的，让我们来总结一下.then()和.race()吧，😄的作用是接收一组异步任务，然后并行执行异步任务，并且在所有异步操作执行完后才执行回调。.race()的作用也是接收一组异步任务，然后并行执行异步任务，只保留取第一个执行完成的异步操作的结果，其他的方法仍在执行，不过执行结果会被抛弃。结果中数组的顺序和接收到的数组顺序一致。all和race传入的数组中如果有会抛出异常的异步任务，那么只有最先抛出的错误会被捕获，并且是被then的第二个参数或者后面的catch捕获；
vue相关面试题
头戴小红花的博客
07-11 668
1，vue的性能优化 1· 代码模块化，将重复率高的抽离出单独的组件，复用性更强， 2·css也可以通过less.sass自定义变量减少重复代码 3· for循环设置key值，可以更快的定位到diff 4· vue路由设置成懒加载，当首屏渲染的时候，能够加快渲染速度 5· 使用keep-alive对组件进行缓存，从而节省性能 6· 修改vue.config.js中的配置项，把productionSourceMap设置为fa
关于Promise经典面试题
KangMino的博客
02-16 524
JS的事件循环和任务队列： http://www.ruanyifeng.com/blog/2014/10/event-loop.htmlhttp://www.ruanyifeng.com/blog/2014/10/event-loop.html 异步任务里面的微任务和宏任务： https://zhuanlan.zhihu.com/p/364020645https://zhuanlan.zhihu.com/p/364020645 问题： setTimeout(() => { cons
Promise 面试题
最新发布
01-25
### 关于 Promise 的常见面试题及解答 #### 1. 创建并返回一个立即解析的 Promise 对象 创建一个立即被解析为给定值的 `Promise` 对象。 ```javascript const immediateResolve = value => { return new Promise(resolve => resolve(value)); }; immediateResolve(42).then(console.log); // 输出: 42 ``` 此方法展示了如何通过构造函数快速构建已成功状态下的承诺对象[^2]。 #### 2. 处理多个并发 Promises 并收集所有结果 当需要等待一组异步操作完成时可以使用 `Promise.all()` 方法来处理这些情况。该方法接收一个由 promises 组成的数组作为参数，并返回一个新的 promise，这个新的 promise 将会在所有的输入 promises 被解决之后才会被解决，并且会把所有输入 promises 结果组成的一个列表传递给其回调函数。 ```javascript function fetchMultipleUrls(urls) { const requests = urls.map(url => fetch(url).then(response => response.json()) ); return Promise.all(requests); } fetchMultipleUrls(['url1', 'url2']).then(dataList => console.log(dataList)); // 所有请求完成后打印数据集合 ``` 这段代码说明了怎样利用 `Promise.all()` 来有效地管理多任务的同时执行以及获取它们的结果集。 #### 3. 实现带有重试机制的 Promise 函数 对于某些可能失败的操作来说，提供一种自动重新尝试的能力是非常有用的。下面是一个简单的例子，实现了具有指定次数重试功能的通用工具函数： ```javascript function retryPromise(cb, retriesLeft = 3, interval = 1000) { return new Promise((resolve, reject) => { cb().then( res => resolve(res), err => { setTimeout(() => { if (retriesLeft === 1) { reject(err); return; } retryPromise(cb, retriesLeft - 1, interval).then(resolve, reject); }, interval); } ); }); } ``` 上述实现允许传入自定义的最大重试次数和每次重试之间的间隔时间，从而提高了灵活性与实用性[^3]。 #### 4. 使用 catch() 捕获错误 如果任何一个链接中的 promise 发生拒绝，则整个链条都会跳转至最近一次调用 `.catch()` 或者后续任何地方设置的错误处理器那里去继续运行流程。 ```javascript new Promise((_, reject) => { throw "Oops!"; }).catch(error => { console.error('Caught error:', error); // Caught error: Oops! }); ``` 这里展示了一个基本的例子，其中抛出了异常并且被捕获到了链上的第一个可用的`.catch()` 中[^1]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值