关于javascript:Promise小结

Promise的生命周期

每个Promise都有本人的一个生命周期，开始未解决而后变成已解决。开始pedding状态示意进行中，操作完结后。Promise可能进入以下两种状态某一个：

• Fuiflled Promise操作实现。
• Rejected 程序谬误或者其余起因Promise为能够实现。

外部[[PromiseState]]用来示意三个状态:pending,fulfilled及rejected。这个属性并没有裸露在Promise对象上，所以检测不到。Promise状态扭转的时候通过then取得。

所有Promise都有then办法，两个参数：第一个是Promise的状态变为fulfilled时候调用的函数，与异步操作无关数据传递给这个参数。第二个是变为rejected时执行的函数，失败相干附加数据能够通过参数传递给这个回绝函数。

• Tips

留神new Promise的时候传递函数会立刻执行并且函数体内的操作是一个同步操作。
new Promise((res,rej) =>{}),接管一个函数作为参数，函数有两个参数是两个callback示意胜利和失败的时候执行的。

    let p = new Promise((res,rej) => {
        console.log(1,'1')
        res("success")
        console.log(2,'2')
    })
    p.then((resolve)=>{
        console.log(resolve,'resolve')
    },(reject)=> {
        console.log(reject,'reject')
    })
    console.log(4)
    // 输入程序 1 2 4 success

Promise链的返回值

Promise链的一个重要个性就是能够给上游Promise传递数据，如果在实现处理程序中指定一个返回值，则能够沿着这条链持续传递数据。

• Tips:
• Promise链中的返回值如果是Promise对象的话依据返回的Promise状态进行执行对应then和catch，如果return一个非Promise那么会把它应用Promise.resolve包装成为一个fulfilled状态的Promise。
• 如果then中没有return值，那就相当于return一个空的Promise对象(已实现状态)。比方:

let a = new Promise((res,rej) => {
    res(6)
})
a.then((res) => {
    console.log(res,'第一个执行实现')
    // 6
}).then(res=> {
    console.log("第二个返回打印",res)
    // 第二个返回打印 undefined
})

链式调用Promise:

let p1 = new Promise(function (resolve,reject) {
    resolve(42)
})

p1.then(function(value) {
    console.log(value)
    // return一个常量 then中的return会主动包装为Promise.resolve(xx)
    return value+1
}).then((res) => {
    console.log(res) // 43
})

// 回绝处理程序中是同样的
let p1 = new Promise((reslove,reject) => {
    reject(42)
})

p1.catch((rej) => {
    console.log(rej)
    return rej+1 // return非Promise对象，应用Promise.resolve包装
}).then((value) => {
    console.log(value) //43
}) 

Promise谬误解决方案

Promise的谬误捕获有两种形式

1. then函数的第二个参数。

let a = new Promise((res,rej) => {
    rej(2)
})

a.then( (res) => {
    // success do
},(rej) => {
    // reject do
    console.log(2) // 2
}) 

1. catch函数

let a = new Promise((res,rej) => {
    rej(2)
})
a.then(res => {
    // success do
}).catch(err => {
    // do sth
}) 

catch函数能够在链式调用的时候当作整个链的Promise谬误处理程序。

a.then(res=> {
    
}).then(res=> {
    
}).then((res) => {
    
}).catch(rej => {
    // 任意一个环节走到谬误都会走到.catch这里
    // 并且无return中断环节的执行（因为曾经catch失败，第一个then就调用不到了，所以链式完结）。
}) 

Promise的继承

Promise类和其余内建类型统一，也能够作为基类派生类，所以也能够定义本人的Promise变量来扩大Promise的性能。

class MyPromise extends Promise {
    // 应用默认的Promise构造函数
    success(resolve,reject) {
        return this.then(reslove,reject)
    }
    failure(reject) {
        return this.catch(reject)
    }
}
let promise = new MyPromise(function (resolve,reject) {
    resolve(42)
})
promise.success(function(value) {
    console.log(value)
},function(value) {
    console.log(value)
})

// or
promise.failure(function (value) {
    console.log(value)
}) 

这个例子中扩大了两个success和failure办法。 这两个办法都通过this调用它模拟的办法，派生Promise与内建Promise性能统一，只不过多了success和failure这两个能够调用的办法。

用于静态方法会也会被继承，因而派生的Promise也都存在MyPromise.resolve(),MyPromise.reject(),MyPromise.all(),MyPromise.race()静态方法。
后两者与内建办法齐全不同，前两个稍有不同。