ES6 Promise 对象用法总结

Promise用来传递异步操作的消息，Promise 对象代表一个异步操作。

特点

1、Promise对象的状态不受外界影响，也就是说，只有异步操作的结果可以改变他的状态，其他操作都无法改变这个状态；总共有三种状态：

1. pending(等待)：初始状态，不是成功或失败状态。
2. fulfilled(完成)： 意味着操作成功完成。
3. rejected(拒绝)： 意味着操作失败。

2、状态的改变只有两种可能：pending→fulfilled和pending→rejected；一旦状态改变了，就不会再变了。

创建

创建一个 promise 对象，可以使用 new 来调用 Promise 的构造器来进行实例化：

var promise = new Promise(function(resolve, reject) {
    
    
    // 异步处理
    // 处理结束后、调用resolve 或 reject
});

Promise 构造函数包含一个参数和一个带有 resolve（解析）和 reject（拒绝）两个参数的回调。在回调中执行一些操作（例如异步），如果一切都正常，则调用 resolve，否则调用 reject。
看下实际的例子就可以理解了。

实际的例子

function get(url, params = {
    
    }) {
    
    
    return new Promise((resolve, reject) => {
    
    
        axios.get(url, {
    
    
            params: params
        })
            .then(response => {
    
    
                resolve(response.data);
            })
            .catch(err => {
    
    
                reject(err)
            })
    })
}

这里，首先构造了一个promise对象，其中的异步方法是用axios访问后台信息，这个axios.get方法可能会访问成功（返回正常信息），也有可能访问失败（返回异常信息）。这个时候，无论是成功或者失败，都希望把信息传递出去，所以，访问成功，就用resolve方法将成功的信息传递出去，访问失败，就用reject方法将失败的信息传递出去。这两个方法，接受的参数可以是任何值（当然，也可以不传参数）。
对于已经实例化过的 promise 对象可以调用 promise.then() 方法，传递 resolve 和 reject 方法作为回调。
promise.then() 是 promise 最为常用的方法。

promise.then(onFulfilled, onRejected)

promise简化了对error的处理，上面的代码我们也可以这样写：

promise.then(onFulfilled).catch(onRejected)

接下来就是调用get方法：

get(xxxx,{
    
    })
	.then(result => {
    
     do something })
	.catch(err=> {
    
     do something });

这里，调用get方法，获得的是一个Promise对象，然后调用then方法，这里的result就是resolve(response.data)中传递的response.data；而调用catch方法，err就是reject(err)中传递的err。

Promise.resolve方法，Promise.reject方法

将现有对象转为Promise对象，可以使用Promise.resolve方法或Promise.reject方法：

Promise.resolve('fyk').then(function(value){
    
    
    console.log(value); // 打印出fyk
});

通过resolve转化成的Promise对象，直接就进入了fulfilled(完成)状态；

Promise.reject('fyk').catch(function(error){
    
    
    console.log(error);// 打印出fyk
});

通过reject转化成的Promise对象，直接就进入了rejected(拒绝)状态；