js Promise
Promise
Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理且更强大。它最早由社区提出并实现，ES6将其写进了语言标准，统一了用法，并原生提供了Promise对象。
特点
- 对象的状态不受外界影响 （3种状态）
- Pending状态（进行中）
- Fulfilled状态（已成功）
- Rejected状态（已失败）
- 一旦状态改变就不会再变 （两种状态改变：成功或失败）
- Pending -> Fulfilled
- Pending -> Rejected
用法
创建Promise实例
function sleep(ms) {
return new Promise(function(resolve, reject) {
setTimeout(resolve, ms);
})
}
sleep(500).then( ()=> console.log("finished"));
??这段代码定义了一个函数sleep，调用后，等待了指定参数(500)毫秒后执行then中的函数。值得注意的是，Promise新建后就会立即执行。
执行顺序
??接下来我们探究一下它的执行顺序，看以下代码：
let promise = new Promise(function(resolve, reject){
console.log("1");
resolve();
});
setTimeout(()=>console.log("2"), 0);
promise.then(() => console.log("3"));
console.log("4");
// 1
// 4
// 3
// 2
??可以看到，结果输出顺序总是：1 -> 4 -> 3 -> 2。1与4的顺序不必再说，而2与3先输出Promise的then，而后输出定时器任务。原因则是Promise属于JavaScript引擎内部任务，而setTimeout则是浏览器API，而引擎内部任务优先级高于浏览器API任务，所以有此结果。
拓展 async/await
async
??顾名思义，异步。async函数对 Generator 函数的改进，async 函数必定返回 Promise，我们把所有返回 Promise 的函数都可以认为是异步函数。特点体现在以下四点：
- 内置执行器
- 更好的语义
- 更广的适用性
- 返回值是 Promise
await
??顾名思义，等待。正常情况下，await命令后面是一个 Promise 对象，返回该对象的结果。如果不是 Promise 对象，就直接返回对应的值。另一种情况是，await命令后面是一个thenable对象（即定义then方法的对象），那么await会将其等同于 Promise 对象。
混合使用
??先看示例：
function sleep(ms) {
return new Promise(function(resolve, reject) {
setTimeout(resolve,ms);
})
}
async function handle(){
console.log("AAA")
await sleep(5000)
console.log("BBB")
}
handle();
// AAA
// BBB (5000ms后)
??我们定义函数sleep，返回一个Promise。然后在handle函数前加上async关键词，这样就定义了一个async函数。在该函数中，利用await来等待一个Promise。
Promise优缺点
| 优点 | 缺点 |
|---|---|
| 解决回调 | 无法监测进行状态 |
| 链式调用 | 新建立即执行且无法取消 |
| 减少嵌套 | 内部错误无法抛出 |
作者：流眸Tel
链接：https://www.jianshu.com/p/b16e7c9e1f9f
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。