1、Promise
Promise 字面意思是承诺，这个承诺在未来会有一个确切的答复，并且该承诺有三种状态，分别是：
- 等待中（pending）
- 已完成（resolved）
- 已拒绝（rejected）
这个承诺一旦从等待状态变为其它状态就永远不能再更改了，也就是说状态从 pending 变为 resolved 后，就不能再次改变了。
new Promise((resolve, reject) => {
resolve('success')
// 无效
reject('reject')
})
当构造 Promise 的时候，构造函数内部的代码是立即执行的
new Promise((resolve, reject) => {
console.log('new Promise')
resolve('success')
})
console.log('finish')
// new Promise -> finish
Promise 实现了链式调用，也就是说每次调用 then 之后返回的都是一个Promise，并且是一个全新的 Promise，原因也是因为状态不可变。如果在 then 中使用了 return，那么 return 的值会被 Promise.resolve() 包装。
Promise.resolve(1)
.then(res => {
console.log(res) // 1
return 2 // 包装成 Promise.resolve(2)
})
.then(res => {
console.log(res) // 2
})
当然，Promise 也可以很好地解决地狱回调问题
ajax(url, () => {
// 处理逻辑
ajax(url1, () => {
// 处理逻辑
ajax(url2, () => {
// 处理逻辑
})
})
})
ajax(url)
.then(res => {
console.log(res)
return ajax(url1)
}).then(res => {
console.log(res)
return ajax(url2)
}).then(res => console.log(res))
Promise 也并不是完美无瑕的，它有一些缺点，比如无法取消 Promise，错误需要通过回调函数捕获。
2、async
一个函数如果加上 async，那么函数就会返回一个 Promise
async function test() {
return '1'
}
console.log(test()) // -> Promise {<fulfilled: '1'>}
async 就是将函数返回值使用 Promise.resolved() 包裹了下，和 then 处理返回值一样，并且 await 只能配套 async 使用
async function test() {
let value = await sleep()
}
async 和 await 可以说是异步终极觉接方案了，相比直接使用 Promis 来说，优势在于处理 then 的调用链，能够更清晰准确的写出代码，毕竟一大堆的 then 也不便于阅读和维护，并且能优雅地解决地狱回调的问题。当然缺点也是有的，因为 await 将异步代码改造成了同步代码，如果多个异步代码没有依赖性却使用了 await 会导致性能上的降低。
async function test() {
// 以下代码没有依赖性的话，完全可以使用 Promise.all 方法
// 如果有依赖性的话，其实就解决上面回调地狱的例子了
await fetch(url)
await fetch(url1)
await fetch(url2)
}
3、await
对于 await，先来看一个例子
let a = 0;
let b = async () => {
a = a + await 10;
console.log('2', a); // -> '2' 10
};
b();
a++;
console.log('1', a); // -> '1' 1
对于以上代码，分析如下：
- 首先函数 b 先执行，在执行到 await 10 之前变量 a 还是 0，因为 await 内部实现了 generator，它会保留堆栈中的东西，所以这时候 a = 0 被保存了下来
- 因为 await 是异步操作，后来的表达式不返回 Promise 的话，就会被包装成 Promise.resloved(返回值)，然后去执行函数外的同步代码
- 同步代码执行完毕之后开始执行异步代码，将保存下来的值拿出来使用，这时候 a = 0 + 10
其实 await 内部实现了 generator，await 就是 generator 加上 Promise 的语法糖，且内部实现了自动执行 generator。如果熟悉 co 的话，想必可以自己实现这样的语法糖。
---END---
