2024年js常见面试题——详解Promise使用与原理及实现过程（附源码），我是如何收割多家大厂offer的_promise面试

最后

好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。

res => {
// promises 全部变为 fulfilled 状态的处理
},
err => {
// promises 中有一个变为 rejected 状态的处理
}
)

race方法

Promise.race 和 Promise.all 类似，只不过这个函数会在 promises 中第一个 promise 的状态扭转后就开始后面的处理（fulfilled、rejected 均可）

const promise1 = new Promise((resolve, reject) => {
setTimeout(() => {
resolve(‘promise1’)
}, 100)
})
const promise2 = new Promise((resolve, reject) => {
setTimeout(() => {
resolve(‘promise2’)
}, 1000)
})
const promises = [promise1, promise2]

Promise.race(promises).then(
res => {
// 此时只有 promise1 resolve 了，promise2 仍处于 pending 状态
},
err => {}
)

四、配合 async await 使用

现在的开发场景中我们大多会用 async await 语法糖来等待一个 promise 的执行结果，使代码的可读性更高。async 本身是一个语法糖，将函数的返回值包在一个 promise 中返回。

// async 函数会返回一个 promise
const p = async function f() {
return ‘hello world’
}
p.then(res => console.log(res)) // hello world

五、开发技巧

在前端开发上 promise 大多被用来请求接口，Axios 库也是开发中使用最频繁的库，但是频繁的 try catch 扑捉错误会让代码嵌套很严重。考虑如下代码的优化方式

const getUserInfo = async function() {
return new Promise((resolve, reject) => {
// resolve() || reject()
})
}
// 为了处理可能的抛错,不得不将 try catch 套在代码外边，
// 一旦嵌套变多，代码可读性就会急剧下降
try {
const user = await getUserInfo()
} catch (e) {}

好的处理方法是在异步函数中就将错误 catch，然后正常返回，如下所示