[JavaScript知识库]JavaScript——我眼中的Promise

最近做一个项目，需要对之前的同步代码进行修改，此时我发现，之前我面试时所谈及的promise在应用中一点也不懂，看文档自己写了一个demo，让我似乎明白了promise使用问题。

1. 代码示例

const promise1 = function (){
    return new Promise((resolve, reject) => {
        let a = 0;
        setTimeout(() => {
            a = 111
            resolve(a)
        }, 800)
    })
}
const promise2 = function (str){
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            str++
            resolve(str)
            // reject()
        }, 400)
    })
}
const promise = new Promise((resolve, reject) => {
    const res1 = promise1();
    resolve(res1)
}).then((res) => {
    console.log(res, '上一步的结果')
    const res2 = promise2(res)
    return res2
}).then((res) => {
    console.log(res, '最终结果')
}).catch(err => {
    console.log('\x1b[91m',`报错啦:${err}`)
}).finally(() => {
    console.log("执行结束")
})

运行结果：
111 上一步的结果
112 最终结果
执行结束

2. 代码解析

• 我需要按顺序执行两个函数promise1、promise2
• 首先定义两个函数，使用定时器的方式模拟网络请求
• 在我执行promise时，接收两个参数resolve、reject。
• resolve表示放行，让函数继续向后面执行，可以在resolve传递数值，给then中的res
• reject表示停止，当发生异常或报错时，可以阻止继续向下执行
• 在第一个.then函数中，我们return的res2是promise2函数的结果。此时我们在then函数中return出去的也是一个promise，那么就受定义的promise2函数的影响。若promise2中resolve，并且传值，那么我在此处是可以获取到的，并且在下一个then中的res就是promise2函数的结果，也会等待promise2函数执行结束后才会向下执行。
• catch捕捉在函数执行时所发生的错误信息，不要让函数运行卡死
• finally表示无论函数能否正确执行/异常执行，最终都会执行这项操作。

总结用法，希望可以帮助到你，
我是Ably，你无须超越谁，只要超越昨天的自己就好~