Promise对象及常用方法

Promise对象

Promise 对象代表了未来将要发生的事件，开创一个异步线程，用来传递异步操作的消息。

Promise 对象有以下两个特点:

1.对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态：

　　pending: 初始状态，不是成功或失败状态

　　fulfilled: 意味着操作成功完成

       rejected: 意味着操作失败

2.只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。

   Promise 对象的状态改变，只有两种可能：

       1.从 Pending 变为 Resolved 

       2.从 Pending 变为 Rejected。

只要这两种情况发生，状态就凝固了，不会再变了，会一直保持这个结果。就算改变已经发生了，再对 Promise 对象添加回调函数，也会立即得到这个结果。

Promise 优缺点:

   优点：

       Promise 对象提供统一的接口，使得控制异步操作更加容易,避免了层层嵌套的回调函数。

   缺点：

       1.无法取消 Promise，一旦新建它就会立即执行，无法中途取消。

       2.如果不设置回调函数，Promise 内部抛出的错误，不会反应到外部

       3.当处于 Pending 状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）

创建Promise

let prom = new Promise((resolve, reject)=>{
    // 异步处理,处理结束后调用resolve或reject
    // 当异步代码执行成功时，我们才会调用resolve(...), 当异步代码失败时就会调用reject(...)
    // 在本例中，我们使用setTimeout(...)来模拟异步代码，实际编码时可能是XHR请求或是HTML5的一些API方法.
    setTimeout(()=>{
        resolve("成功!"); //代码正常执行！
    }, 250);
})

prom.then((result)=>{
    // result的值是上面调用resolve(...)方法传入的值.
    // result参数不一定非要是字符串类型，这里只是举个例子
    console.log("result:" + result)     // 打印结果: result:成功!
})

Promise.then() 

对于已经实例化过的 promise 对象可以调用 promise.then() 方法，传递 resolve 和 reject 方法作为回调。

　　promise.then() 是 promise 最为常用的方法。

　　promise.then(onResolved, onRejected)

function p(){
    let a = 1
    return new Promise(resolve => {
        resolve(a)    // 将参数a传递给then()
    })
}
p().then((val) => {
    console.log("a:"+val)   // a:1
})

Promise.then()可以采用链式写法

Promise.prototype.then 方法返回的是一个新的 Promise 对象，因此可以采用链式写法

例：

function p(){
    let a = 1
    return new Promise(resolve => {
        resolve(a)    // 将参数a传递给then()
    })
}

p().then((val) => {
    return val+1
}).then((val) => {
    console.log(val + 2)　　// 4
})

 Promise.Catch()捕捉错误

 Promise.Catch()用于指定发生错误时的回调函数

Promise 对象的错误具有"冒泡"性质，会一直向后传递，直到被捕获为止。也就是说，错误总是会被下一个 catch 语句捕获。

function p(){
    let a = 1
    return new Promise(resolve => {
        resolve(a)    // 将参数a传递给then()
    })
}

p().then((val) => {
    console.log(val + 2)　　// 4
}).catch((error) => {
    console.log("error:", error)
})

Promise.all方法

Promise.all 方法用于将多个 Promise 实例，包装成一个新的 Promise 实例

var p = Promise.all([p1,p2,p3]);

上面代码中，Promise.all 方法接受一个数组作为参数，p1、p2、p3 都是 Promise 对象的实例。

（Promise.all 方法的参数不一定是数组，但是必须具有 iterator 接口，且返回的每个成员都是 Promise 实例。）

p 的状态由 p1、p2、p3 决定，分成两种情况：

• 只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数。
• 只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。

例：

Promise.all()返回一个Promise返回值的数组

function createProcess(str){
    return new Promise(resolve => {
        setTimeout(() => {
            resolve(str)
        }, 1000 )
    })
}

let p0 = createProcess("0")
let p1 = createProcess("1")
let p2 = createProcess("2")
let p3 = createProcess("3")

let promises = [p0, p1, p2, p3]

Promise.all(promises).then(pro => {
    console.log(pro)        // [ '0', '1', '2', '3' ]
})