1道题，解析Promise执行过程

是什么

Promise 是异步编程的一种解决方案，其实是一个构造函数，自己身上有all、reject、resolve这几个方法，原型上有then、catch等方法。从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。promise有三种状态：pending(等待态)，fulfiled(成功态)，rejected(失败态)。

啥特点

• 对象的状态不受外界影响
• 一旦状态改变，就不会再变，任何时候都可以得到这个结果
• 避免了层层嵌套的回调函数
• Promise对象提供统一的接口，使得控制异步操作更加容易
• 一旦新建它就会立即执行，无法中途取消(缺点)
• 如果不设置回调函数，Promise内部抛出的错误，不会反应到外部(缺点)

怎么用

基本用法介绍

javascript var p = new Promise(function ( resolve, reject ){ resolve() //返回promise的状态，将状态改为成功 reject() //返回promise的状态，将状态改为失败 }) p.then(()=> { //then方法有两个参数，一个是成功的回调，一个是失败的回调 //操作成功回调 },() => { //操作失败的回调 })

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

javascript new Promise((resolve, reject) => { console.log('new Promise') resolve('success') }) console.log('finifsh') // new Promise -> finifsh

```javascript

```

Promise 实现了链式调用，也就是说每次调用 then 之后返回的都是一个 Promise，并且是一个全新的 Promise，原因也是因为状态不可变。

如果你在 then 中 使用了 return，那么 return 的值会被 Promise.resolve() 包装

javascript Promise.resolve(1) .then(res => { console.log(res) // => 1 return 2 // 包装成 Promise.resolve(2) }) .then(res => { console.log(res) // => 2 }) 当然了，Promise 也很好地解决了回调地狱的问题，可以把之前的回调地狱例子改写为如下代码：

javascript ajax(url) .then(res => { console.log(res) return ajax(url1) }).then(res => { console.log(res) return ajax(url2) }).then(res => console.log(res))

学废了

说出下面代码的输出结果： javascript const promise = new Promise((resolve, reject) => { console.log(1); setTimeout(() => { console.log("timerStart"); resolve("success"); console.log("timerEnd"); }, 0); console.log(2); }); promise.then((res) => { console.log(res); }); console.log(4);

执行过程 - 首先遇到Promise构造函数，会先执行里面的内容，打印1 - 遇到steTimeout，它是一个宏任务，被推入宏任务队列 - 接下继续执行，打印出2 - 由于Promise的状态此时还是pending，所以promise.then先不执行 - 继续执行下面的同步任务，打印出4 - 微任务队列此时没有任务，继续执行下一轮宏任务，执行steTimeout - 执行timerStart，然后遇到了resolve，将promise的状态改为resolved且保存结果并将之前的promise.then - 推入微任务队列，再执行timerEnd - 执行完这个宏任务，就去执行微任务promise.then，打印出resolve的结果

输出结果 javascript 1 2 4 timerStart timerEnd success