async函数内throw且调用加了.catch()仍报未处理Promise拒绝错误是何原因？

报错的根源是：你在.catch()回调函数中再次抛出了错误，且没有为catch调用返回的新Promise绑定错误处理逻辑，因此触发了未处理的Promise rejection提示。

原理说明 #

所有Promise.prototype.then和Promise.prototype.catch调用都会返回一个全新的Promise实例，而非修改原Promise的状态，你的代码执行流程如下：

1. cls.fn()执行后返回一个rejected状态的Promise，错误内容为你抛出的Error('err')
2. 该rejected状态被后续绑定的.catch()捕获，进入回调执行throw e
3. 回调中抛出错误会让.catch()返回的新Promise变为rejected状态，而你没有给这个新Promise绑定任何错误处理逻辑，因此Node.js抛出对应报错。

常见修正方案 #

方案1：catch内直接处理错误，不向上抛出 #

class Cls {
    async fn(){
        throw new Error('err');
        return 'test';
    }
}

const cls = new Cls();
cls.fn()
.then(data => console.log(data))
.catch(e => console.error('捕获到错误：', e.message))

方案2：为catch返回的新Promise补充错误处理 #

如果业务逻辑需要在catch中向上抛出错误，需要再追加一层catch处理：

cls.fn()
.then(data => console.log(data))
.catch(e => { throw e })
.catch(e => console.error('最终捕获错误：', e.message))

方案3：使用async/await语法结合try/catch处理 #

async function execute() {
    const cls = new Cls();
    try {
        const data = await cls.fn()
        console.log(data)
    } catch (e) {
        console.error('捕获到错误：', e.message)
    }
}
execute()

内容的提问来源于stack exchange，提问作者e-info128