Js 异步编程

并发与并行的区别？

并发是宏观概念，我分别有任务A 和 任务B，在一段时间内通过任务间切换完成了这两个任务，这种情况就可以称之为并发。
并行是微观概念，假设CPU 中存在两个核心，那么我就可以同时完成任务A、B。同时完成多个任务的情况可以称之为并行。

回调地狱

回调地狱的根本问题：

1. 嵌套函数存在耦合性，一旦有所改动，就会牵一发而动全身
2. 嵌套函数一多，就很难处理错误。
3. 不能使用 try catch，不能直接 return。

Promise

涉及面试题：Promise的特点是什么，分别有什么优缺点？什么是Promise链？promise 构造函数执行和then 函数执行有什么区别？

Promise 翻译过来就是承诺的意思，这个承诺会在未来有一个确切的答复，并且改承诺有三种状态，分别是：

1. 等待中 (pending)
2. 完成了 (resolved)
3. 拒绝了 (rejected)

这个承诺一旦从等待状态变成为其他状态永远不能更改状态了，也就是说一旦状态变为 resolved后，就不能再次改变。

var promise = new  Promise ((resolve, reject) => {
    if (异步操作成功) {
        resolve(value)
    } else { 
        异步操作失败
        reject(new Error())
    }
})

当我们在构造 Promise 的时候，构造函数内部的代码是立即执行的。

new Promise((resolve, reject) => {
  console.log('new Promise')
  resolve('success')
})
console.log('finish')

Promise 实现了链式调用，也就是说每次调用 then 之后返回的都是一个 Promise ，并且是一个全新的 Promise，原因也是因为状态不可变。如果你在 then 中 使用了 return，那么 return 的值会被 Promise.resolve() 包装

Promise.resolve(1)
  .then(res => {
    console.log(res)
    return 2
  })
  .then(res => {
    console.log(res)
  })
  输出 => 1 2

使用 Promise 加载图片

  // 加载图片
  let preloadImage = function (path) {
    return new Promise((resolve, reject) => {
      let image = new Image()
      image.onload = resolve
      image.onerror = reject
      iamge.src = path
    })
  }

异步终极解决方案 async 和 await

await 我们从名字可以看出来意思是等待异步的意思，即它可以让异步回调变得像同步函数，并且会阻塞下一步，但是！这一切都是发生在async中的，而async是异步的，所以整个js并不会被阻塞。所以await要写在async中。当然单纯的await和async是并不能解决问题。可以看到还是需要promise的。

// async await
  // 异步方法一
  function takeLongTime() {
    return new Promise((resolve, reject) => {
      setTimeout(()=> resolve(10), 1000)
    })
  }
  // 异步方法二
  function takeLongTime2(v) {
    console.log(v)
    return new Promise(resolve => {
      setTimeout(() => resolve(v + 20), 10)
    })
  }
  
  async function test() {
    // 先执行 takeLongTime 然后 执行 takeLongTime2
    // 将 takeLongTime 中得到的结果传给takleLongTime2中
    const v = await takeLongTime()
    const b = await takeLongTime2(v)
    console.log(b)
  }
  // 执行 test 方法
  test()
  // 输出结果为 10  30