🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
### Promise的含义 `Promise`是异步编程的一种解决方案,比传统的解决方案 - 回调函数和事件,更加合理且更加强大。ES6将其写入标准,并原生提供`Promise`对象 所谓`Promise`,简单来说就是一个容器,里面保存着某个未来才会结束的事件结果(通常是一个异步操作)。从语法来讲,`Promise`是一个对象,从它可以获取异步操作的消息。 `Promise`对象有以下两个特点: 1. 对象的状态不受外界的影响。`Promise`对象代表一个异步操作。它有3个状态:`Pending`(进行中)、`Fulfilled`(已成功)和 `Rejected`(已失败)。 2. 一旦状态改变就不会再变,任何时候都可以得到这个结果。`Promise`对象的状态改变只有两种可能:从`Pending`变为`Fulfilled`和从`Pending`变为`Rejected`。只要这两种情况发生,状态就凝固了,不会再变,一直保持这个结果,这时就称为`Resolved`(已定型) `Promise`也有以下几个缺点: - 无法取消`Promise`,一旦新建就会立即执行,无法中途取消 - 如果不设置回调函数,`Promise`内部抛出的异常错误无法反应到外部 - 当处于`Pending`时,无法得知发展到哪一步,开始或即将结束 ### 基本用法 `Promise` 对象时一个构造函数,用来生成`Promise`实例。 ```js let promise = new Promise(function (rsolve, reject) { // ... if (/* 异步操作成功 */) { resolve(value) } else { reject(error) } }) ``` `Promise` 构造函数接受一个函数作为参数,该函数的两个参数分别是 `resolve` 和 `reject`。 `resolve` 函数将 `Promise` 对象的状态从 `Pending` 变为 `Resolved`,在异步操作成功时调用,并将异步操作的结果作为参数传递出去。 `reject` 函数将 `Promise` 对象的状态从 `Pending` 变为 `Rejected`,在异步操作失败时调用,并将异步操作报出的错误作为参数传递出去。 `Promise` 实例生成以后,可以用 `then` 方法分别指定 `Resolved` 和 `Rejected` 状态的回调函数 ```js promise.then(function (value) { // success }, function (error) { // failure }) ``` 下面是一个 `Promise` 对象的简单例子: ```js function timeout (ms) { return new Promise((resolve, reject) => { setTimeout(resolve, ms, 'done') }) } timeout(100).then((value) => { console.log(value) }) ``` `Promise`新建之后就会立即执行 ```js let promise = new Promise(function (resolve, reject) { console.log('Promise') resolve() }) promise.then(function () { console.log('Resolved') }) console.log('Hi') // Promise // Hi // Resolved ``` ### Promise.prototype.then() `Promise` 实例具有 `then` 方法,它定义在原型对象 `Promise.prototype` 上,它的作用是为 `Promise` 实例添加状态改变时的回调函数。 ### Promise.prototype.catch() `Promise.prototype.catch` 方法用于指定发生错误时的回调函数 ### Promise.all() `Promise.all` 方法用于将多个 `Promise` 实例包装成一个新的 `Promise` 实例 ### Promise.race() `Promise.race`方法同样是将多个 `Promise` 实例包装成一个新的 `Promise` 实例。