并发与并行的区别？
并发是宏观概念，我分别有任务A 和 任务B，在一段时间内通过任务间切换完成了这两个任务，这种情况就可以称之为并发。
并行是微观概念，假设CPU 中存在两个核心，那么我就可以同时完成任务A、B。同时完成多个任务的情况可以称之为并行。
回调地狱
回调地狱的根本问题：
- 嵌套函数存在耦合性，一旦有所改动，就会牵一发而动全身
- 嵌套函数一多，就很难处理错误。
- 不能使用
try catch，不能直接return。
Promise
涉及面试题：Promise的特点是什么，分别有什么优缺点？什么是Promise链？promise 构造函数执行和then 函数执行有什么区别？
Promise 翻译过来就是承诺的意思，这个承诺会在未来有一个确切的答复，并且改承诺有三种状态，分别是：
- 等待中 (pending)
- 完成了 (resolved)
- 拒绝了 (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