关于JS Pormise的认识

先看一下代码 

let runPromise = () => {
    return Promise.resolve().then(() => {
        console.log(1)
    }).then(res => {
        console.log(2)
    }).then(() => {
        console.log(3)
    })
}

执行的结果

 也就是每个then后的方法不需要 return 就会按照顺序执行

let runPromise = () => {
    return Promise.resolve().then(() => {
        console.log(1)
        return {a: 1}
    }).then(res => {
        console.log(2, res)
    }).then(() => {
        console.log(3)
    })
}

执行结果

 如果有 return 则下一个then的方法回调中可以获得参数，当然可以必要时 return Promise.reject({message: ''}) 退出下面所有的 then

来看另一个案例

let runPromise = () => {
    return Promise.resolve().then(() => {
        return new Promise((resolve, reject) => {
            console.log(1)
        })
    }).then(res => {
        console.log(2)
    }).then(() => {
        console.log(3)
    })
}

执行结果

 一直处于pending状态

如果要向下执行代码修改为

let runPromise = () => {
    return Promise.resolve().then(() => {
        return new Promise((resolve, reject) => {
            console.log(1)
            resolve()
        })
    }).then(res => {
        console.log(2)
    }).then(() => {
        console.log(3)
    })
}

所以，Promise的混合使用，需要根据不同的场景去优化。