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

总结

秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！

而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。

这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖 HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！

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

资料截图 ：

高级前端工程师必备资料包

const promise1 = new Promise((resolve, reject) => {

setTimeout(() => {

resolve('promise1')

}, 100)
})
const promise2 = new Promise((resolve, reject) => {

setTimeout(() => {

resolve('promise2')

}, 100)
})
const promises = [promise1, promise2]

Promise.all(promises).then(
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，然后正常返回，如下所示 👇

const getUserInfo = async function() {

return new Promise((resolve, reject) => {

// resolve() || reject()

}).then(
res => {

  return [res, null]

### 最后

**小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：**

**凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。**



**入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。**

![](https://img-blog.csdnimg.cn/img_convert/01358b165616eb9429e16241cf00d213.png)

**整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。**

![](https://img-blog.csdnimg.cn/img_convert/3425ac600577268ce7d1f69b2002194d.png)

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

**而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。**

![](https://img-blog.csdnimg.cn/img_convert/c941214256693bd4eb05782f3f676721.png)