js异步编程面试题你能答上来几道

在上一节中我们了解了常见的es6语法的一些知识点。这一章节我们将会学习异步编程这一块内容，鉴于异步编程是js中至关重要的内容，所以我们将会用三个章节来学习异步编程涉及到的重点和难点，同时这一块内容也是面试常考范围。

并发（concurrency）和并行(parallelism)的区别

面试题 并发和并行的区别？

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

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

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

回调函数（callback）

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

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

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

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

ajax(url,()=>{
    ajax(url,()=>{})
})

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

function firstAjax(){
    ajax(url1,()=>{
        secondAjax()
    })

}
function second(){
    ajax(url2,()=>{

    })
}
ajax(url,()=>{
    firstAjax()
})

以上代码看上去有利于阅读了，但是还是没有解决根本问题

回调地狱得根本问题是：

1. 嵌套函数存在耦合性，一旦有改动，就会牵一发而动全身
2. 嵌套函数一多就很难处理错误

当然，回调函数还存在着别的缺点，比如不能使用try catch捕获错误，不能直接return。

Generator

面试题：你理解的generator是什么？

Generator算是es6中难理解的概念之一了，Generator最大的特点就是可以控制函数的执行。在这一小节中我们不会讲什么是Generator，而把重点放在Generator的一些容易困惑的地方。

function  *foo(){
   
    let y = 2*(yield(x+1))
    let z = yield(y/3)
    return (x+y+z)
}
let it = foo(5)
console.log(it.next())
console.log(it.next(12))
console.log(it.next(13))

你也许会疑惑为什么会产生与你预想不同的值，接下来就让我为你逐行代码分析原因

• 首先 Generator 函数调用和普通函数不同，它会返回一个迭代器
• 当执行第一次 next 时，传参会被忽略，并且函数暂停在 yield (x + 1) 处，所以返回 5 + 1 = 6
• 当执行第二次 next 时，传入的参数等于上一个 yield 的返回值，如果你不传参，yield 永远返回 undefined。此时 let y = 2 * 12，所以第二个 yield 等于 2 * 12 / 3 = 8
• 当执行第三次 next 时，传入的参数会传递给 z，所以 z = 13, x = 5, y = 24，相加等于 42

Generator 函数一般见到的不多，其实也于他有点绕有关系，并且一般会配合 co 库去使用。当然，我们可以通过 Generator 函数解决回调地狱的问题，可以把之前的回调地狱例子改写为如下代码：

function *fetch() {
   
    yield ajax(url, () => {
   })
    yield ajax(url1