promise第一篇-简介

1. 创建一个promise对象

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

2. 设置promise对象在resolve或reject后的回调函数,可以使用promise.then()方法:

promise.then(onFulfilled, onRejected);

onFulfilled和onRejected都是函数,这两个参数均为可选参数。resolve(成功)时,onFulfilled会被调用;reject(失败)时,onRejected会被调用。如果只想对成功的情况进行处理可以采用:

promise.then(onFulfilled);

如果只想对失败的情况进行处理,可以采用:

promise.then(undefined, onRejected);

这种方式只指定reject(失败)时的回调函数,不过这种情况下用catch是一种更好的选择:

promise.catch(onRejected);

3. Promise静态方法(类方法)

  Promise是一个构造函数,同时也是一个全局对象,Promise全局对象还拥有一些静态方法,或者说类方法(只能通过Promise调用,而不能通过Promise实例调用),比如Promise.all(),Promise.resolve()等。

4. Promise事例

function asyncFunction(){
    return new Promise(function(resolve, reject){
        setTimeout(function(){
            resolve("Async Hello World.")
        }, 1600);
    });
}

asyncFunction().then(function(res){
    console.log(res);
}).catch(function(error){
    console.log(error);
});

执行asyncFunction()函数会返回一个promise对象,该promise对象会在setTimeout之后的1600ms后被resolve。我们可以将promise理解成一个期望,如果该期望调用了resolve()方法,这个期望就被实现了,愿望实现后则会触发该promise对象的then中的onFulfilled函数;同样的,如果该期望调用了reject()方法,这个期望就破灭了,期望破灭后则会触发该promsie对象的then中的onReject函数,或者catch中的onReject函数。

上面用了catch方法,当然也可以不实用catch,只使用then:

function asyncFunction(){
    return new Promise(function(resolve, reject){
        setTimeout(function(){
            resolve("Async Hello World.")
        }, 1600);
    });
}

asyncFunction().then(function(res){
    console.log(res);
}, function(error){
    console.log(error);
});

5. Promise的状态

  用new Promise实例化的promise对象具有三种状态:Fulfilled,Rejected和Pending。promise对象的状态,从Pending跳转到Fulfilled或者Rejected后,这个promise对象的状态就不会再发生任何变化,也就是说在then中注册的回调函数可以肯定的说只会被调用一次。Fulfilled或者Rejected这两个中的任一状态都可以表示为Settled(不变的)。可见promise的状态跳转是非常简单易懂的。

6. 理解catch

  事实上,catch(onRejected)只是then(undefined, onRejected)的别名而已。一般来说使用catch将resolve和reject分开是比较推荐的做法。关于用then和catch的区别,看一下下面的代码:

function throwError(value) {
    // 抛出异常
    throw new Error(value);
}
// <1> onRejected不会被调用
function badMain(onRejected) {
    return Promise.resolve(42).then(throwError, onRejected);
}
// <2> 有异常发生时onRejected会被调用
function goodMain(onRejected) {
    return Promise.resolve(42).then(throwError).catch(onRejected);
}
// 运行示例
badMain(function(error){
    console.log('bad' + error);
});
goodMain(function(error){
    console.log('good' + error);
});

在上面的代码中badMain是一种不太好的实现方式,goodMain则是一种非常好的进行错误处理的版本。事实上,then和catch都会创建并返回一个新的promise对象。promise在方法链中增加一次处理的时候所操作的都是完全不同的promise对象。当然,犹豫catch是then的别名,我们使用then也可以完成同样的工作,只不过用catch意图更明确:

Promise.resolve(42).then(throwError).then(undefined, onRejected);
原文地址:https://www.cnblogs.com/iamswf/p/4830547.html