ES6 Promise对象使用方法详解_知识百科

ES6 Promise对象使用方法

ES6 Promise对象可以让异步操作以同步的方式来编写代码，使得异步操作更加简单。Promise对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。使用Promise对象可以使用then方法注册处理函数，以便Promise对象的状态发生变化时调用，从而实现异步操作的异步处理。

创建 Promise 对象

Promise 对象有一个构造函数，它接受一个函数作为参数，该函数有两个参数，分别是 resolve 和 reject，它们是两个函数，用于改变 Promise 对象的状态。

    let promise = new Promise(function(resolve, reject) {
        // 异步操作
        if (/* 异步操作成功 */){
            resolve(value);
        } else {
            reject(error);
        }
    });

使用 Promise 对象

Promise 对象的 then 方法接受两个回调函数作为参数，第一个回调函数是 Promise 对象的状态变为 resolved 时调用，第二个回调函数是 Promise 对象的状态变为 rejected 时调用。

    promise.then(function(value) {
        // success
    }, function(error) {
        // failure
    });

Promise 对象的 catch 方法是 then 方法的语法糖，它接受一个回调函数作为参数，该回调函数会在 Promise 对象的状态变为 rejected 时调用。

    promise.catch(function(error) {
        // failure
    });

Promise 对象的 finally 方法用于指定不管 Promise 对象状态如何，都会执行的操作。它与 then 方法的第二个参数相似，也是接受一个回调函数作为参数，该回调函数不管怎样都会执行。

    promise.finally(function() {
        // do something
    });

Promise 对象的静态方法

Promise 对象的静态方法用于从其他不同的值创建 Promise 对象。

Promise.resolve()：返回一个以给定值解析后的 Promise 对象。

        let promise = Promise.resolve('Success');
        promise.then(function(value) {
            console.log(value);  // Success
        });

Promise.reject()：返回一个带有拒绝原因的 Promise 对象。

        let promise = Promise.reject('Failure');
        promise.catch(function(error) {
            console.log(error);  // Failure
        });

Promise.all()：将多个 Promise 实例，包装成一个新的 Promise 实例。

        let p1 = new Promise(function(resolve, reject) {
            setTimeout(resolve, 500, 'P1');
        });
        let p2 = new Promise(function(resolve, reject) {
            setTimeout(resolve, 600, 'P2');
        });
        Promise.all([p1, p2]).then(function(results) {
            console.log(results);  // ['P1', 'P2']
        });

Promise.race()：将多个 Promise 实例，包装成一个新的 Promise 实例，并且它会在这些实例中任意一个改变状态后结束。

        let p1 = new Promise(function(resolve, reject) {
            setTimeout(resolve, 500, 'P1');
        });
        let p2 = new Promise(function(resolve, reject) {
            setTimeout(resolve, 600, 'P2');
        });
        Promise.race([p1, p2]).then(function(result) {
            console.log(result);  // 'P1'
        });

ES6 Promise对象使用方法详解