1道题，解析Promise执行过程

是什么

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

啥特点

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

怎么用

基本用法介绍

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

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

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

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)
  .then(res => {
      console.log(res)
      return ajax(url1)
  }).then(res => {
      console.log(res)
      return ajax(url2)
  }).then(res => console.log(res))

学废了

说出下面代码的输出结果：

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的结果

输出结果

1
2
4
timerStart
timerEnd
success