#含义

Promise 是异步编程的一种解决方案，比传统的解决方案（回调函数和事件）更加强大。它是由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。

#特点

Promise对象有一下两个特点

#对象的状态不受外界影响

Promise 对象代表一个异步操作，有三种状态：Pending(进行中)、Resolve(已完成，又称Fulfilled)和Rejected(已失败)。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是Promise这个名字的由来，它的英语意思就是“承诺”，表示其它手段无法改变。

#一旦改变状态，就不会再变，任何时候都可以得到这个结果。

Promise 对象的状态改变，只有两种可能：从Pending变为Resolved和Pending变为Rejected。只要这两种情况发生，状态就凝固了，不会再变了，会一直保持这个结果。就算改变已经发生了，你再对Promise对象添加回调函数，也会立即得到这个结果。这与事件（Event）完全不同，事件的特点是，如果你错过了它，再去监听，是得不到结果的。有了Promise对象，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。此外，Promise对象提供统一的接口，使得控制异步操作更加容易。 Promise也有一些缺点。首先，无法取消Promise，一旦新建它就会立即执行，无法中途取消。其次，如果不设置回调函数，Promise内部抛出的错误，不会反应到外部。第三，当处于Pending状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）。

#基本用法

          
1
2
3
4
5
6
7
8
          const promise = new Promise(function(resolve, reject) {
    // ... some code
    if (/* 异步操作成功 */){
        resolve(value);
    } else {
        reject(error);
    }
}

        

只要 new Promise后就会立即执行。

#then

Promise实例具有then方法，也就是说then方法是定义在原型对象Promise.prototype上的。它的作用是为Promise实例添加状态改变时的回调函数。前面说过，then方法的第一个参数时 Resolve状态的回调函数，第二个参数（可选）是Rejected状态的回调函数。 then方法返回的是一个新的Promise实例（注意，不是原来那个Promise实例）。因此可以采用链式写法，即then方法后面再调用另一个then方法。

          
1
2
3
4
5
6
7
8
9
          const promise = new Promise((resolve, reject) => {
    resolve(1)
})
promise.then(res => {
    console.log(res) // 1
    return res + 1
}).then(res => {
    console.log(res) // 2
})

        

采用链式的then，可以指定一组按照次序调用的回调函数。这时，前一个回调函数有可能返回的还是一个Promise对象（即有异步操作），这时后一个回调函数，就会等待该Promise对象的状态发生变化，才会被调用。

          
1
2
3
4
5
6
7
8
9
10
          axios.get('/user/12345').then((res) => {
    return res.data
}).then(
    function funcA(data) {
        console.log("Resolved: ", data)
    },
    function funcB(err) {
        console.log("Rejected: ", err)
    }
)

        

上面代码中，第一个then方法指定的回调函数，返回的是另一个Promise对象。这时，第二个then方法指定的回调函数，就会等待这个新Promise对象状态发生变化。如果变为resolved，就调用funcA，如果状态变为rejected，就调用funcB。

#catch

Promise.prototype.catch方法用于指定发生错误时的回调函数。

          
1
2
3
4
5
6
          axios.get('/user/12345').then(() => {
    // ...
}).catch((error) => {
    console.log('发生错误:', error)
})


        

如果没有使用catch方法指定错误处理的回调函数传递到外层代码，即不会有任何反应。

#Promise.resolve

有时需要将现有对象转为Promise对象，Promise.resolve方法就起到这个作用。

          
1
          const promise = Promise.resolve(1)

        

#Promise.reject

Promise.reject(reason)方法也会返回一个新的 Promise 实例，该实例的状态为rejected。它的参数用法与Promise.resolve方法完全一致