前端面试大全：JS 异步编程及常考面试题_前端异步面试题-优快云博客

本文链接：https://blog.youkuaiyun.com/itKingOne/article/details/86492104

本文详细介绍了JavaScript中的异步编程，包括并发与并行的区别、回调函数及其缺点、Generator、Promise、async/await的使用，以及常见的定时器函数。文章深入浅出地探讨了如何解决回调地狱问题，强调了异步编程在面试中的重要性。

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

(内容同步自小邹的头条号：沪漂程序员的生活史)

这一部分小邹将会主要介绍异步编程这一块的内容，鉴于异步编程是 JS 中至关重要的内容，所以小邹打算用三篇文章来介绍异步编程涉及到的重点和难点，同时这一块内容也是面试常考范围，希望大伙能重视。

前端面试大全：JS 异步编程及常考面试题

并发（concurrency）和并行（parallelism）区别

涉及面试题：并发与并行的区别？

异步和这小节的知识点其实并不是一个概念，但是这两个名词确实是很多人都常会混淆的知识点。其实混淆的原因可能只是两个名词在中文上的相似，在英文上来说完全是不同的单词。

并发是宏观概念，我分别有任务 A 和任务 B，在一段时间内通过任务间的切换完成了这两个任务，这种情况就可以称之为并发。

并行是微观概念，假设 CPU 中存在两个核心，那么我就可以同时完成任务 A、B。同时完成多个任务的情况就可以称之为并行。

涉及面试题：什么是回调函数？回调函数有什么缺点？如何解决回调地狱问题？

回调函数应该是大家经常使用到的，以下代码就是一个回调函数的例子：

ajax(url, () => {
 // 处理逻辑
})

但是回调函数有一个致命的弱点，就是容易写出回调地狱（Callback hell）。假设多个请求存在依赖性，你可能就会写出如下代码：

ajax(url, () => {
 // 处理逻辑
 ajax(url1, () => {
 // 处理逻辑
 ajax(url2, () => {
 // 处理逻辑
 })
 })
})

以上代码看起来不利于阅读和维护，当然，你可能会想说解决这个问题还不简单，把函数分开来写不就得了

function firstAjax() {
 ajax(url1, () => {
 // 处理逻辑
 secondAjax()
 })
}
function secondAjax() {
 ajax(url2, () => {
 // 处理逻辑
 })
}
ajax(url, () => {