V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
Vrds
V2EX  ›  JavaScript

Promise 捕获不了异步异常吗?

  •  
  •   Vrds · 250 天前 · 1486 次点击
    这是一个创建于 250 天前的主题,其中的信息可能已经有所发展或是发生改变。

    问题 1:异步异常在 Promise 回调里面.

    
    // 异步异常
    new Promise((resolve, reject) => {
        setTimeout(() => {
            throw "err";
        }, 0);
    })
    .then((value) => {
    	console.log(value);
    })
    .catch((reason) => {
    	console.log(reason);
    });
    
    // 控制台抛出错误
    
    
    // 同步异常
    new Promise((resolve, reject) => {
    	throw "err";
    })
    .then((value) => {
    	console.log(value);
    })
    .catch((reason) => {
    	console.log(reason);
    });
    
    // output: err
    
    
    // 同步异常 Promise 的状态
    const p = new Promise((resolve, reject) => {
    	throw "err";
    })
    
    // output: rejected
    
    // 异步异常 Promise 的状态
    const p = new Promise((resolve, reject) => {
    	setTimeout(() => {
        	throw "err";
        });
    })
    
    // output: pending
    

    问题 2:异步异常在 then/catch 回调里面.

    
    // 异步异常
    Promise.resolve().then(()=>{
        setTimeout(()=>{   
            throw 'err'
        },0)
    }).catch((err)=>{
        err   
    }).then((value)=>{
        console.log(value)
    })
    // 输出:
    // undefined
    // x Uncaught err
    
    
    // 同步异常
    Promise.resolve().then(()=>{
       throw 'err'
    }).catch((err)=>{
        console.log(err)
    }).then((value)=>{
        console.log(value)
    })
    // 输出:
    // err           
    // undefined     
    
    12 条回复    2023-09-20 12:57:11 +08:00
    Vrds
        1
    Vrds  
    OP
       250 天前
    小白求解答!
    readonly
        2
    readonly  
       250 天前
    是的,里面的异步异常需要手动调用 reject 实现
    Vrds
        3
    Vrds  
    OP
       250 天前
    @readonly 好的,谢谢!
    ysc3839
        4
    ysc3839  
       250 天前 via Android
    async function 才能捕获异步异常
    joesonw
        5
    joesonw  
       250 天前 via iPhone
    setTimeout 是在你 Promise 结束后执行的,你可以试试。
    Vrds
        6
    Vrds  
    OP
       250 天前
    @joesonw setTimeout 里面 reject 的就可以捕获,难道是 Promise 一直会在等待状态改变吗?不太懂
    Vrds
        7
    Vrds  
    OP
       250 天前
    @ysc3839 好像是 Promise 执行器源码也用 trycatch 捕获异常,trycatch 只能捕获同步异常
    joesonw
        8
    joesonw  
       250 天前 via iPhone
    @Vrds 没有 resolve/reject 那可不就是 pending 状态。
    dropice7777777
        9
    dropice7777777  
       250 天前
    我的理解是 setTimeout 里的函数是在全局环境运行的,抛错也是抛给了全局环境,promise 捕获不到
    libook
        10
    libook  
       250 天前
    问题 1:

    setTimeout 是 JS 里比较特殊的 API ,它本身是异步执行的,放到 Promise 回调函数里执行会马上返回一个计时器对象,Promise 也只能自主看到这个返回,而 setTimeout 回调函数内的代码是在倒计时结束后才会执行的,你不调用 resolve 或 reject 的话 Promise 就压根不知道执行完了(始终是 pending 状态)。

    倒计时设置为 0 也是要进行倒计时,而不是说倒计时为 0 就将异步代码转成同步代码了。

    建议看看 Event Loop 机制,然后搞明白 setTimeout 是在哪个阶段执行的,这块是 JS 异步的核心,搞不明白的话以后还是会有很多问题整不明白。



    问题 2:

    第一段代码同问题 1 。错误被 setTimeout 拐到异步过程里了,第一个 then 的回调函数没有捕捉到这个错误,然后就相当于是一个没有 return 的函数,默认返回了 undefined ,下一级 catch 没有捕捉到异常被忽略,再往下 then 接收到一个 undefined 值。

    第二段代码第一个 then 的回调函数捕捉到了错误,将其作为一个 Promise.reject 传给下一级,下一级 catch 接收到这个 reject ,执行里面的代码输出了 err 的信息,同时这个回调函数没有写 return ,本身也没有返回一个 Promise 对象,所以默认返回了 undefined 给下一级,下一级 then 接收到了这个 undefined 值,然后运行内部代码将其输出了出来。

    https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise/then
    仔细看一下“返回值”部分,看看 then 是怎么工作的。
    Vrds
        11
    Vrds  
    OP
       249 天前
    @dropice7777777 有道理,解决办法:情况一、在 Promise 执行器里面抛出异步异常,在定时器里面用 trycatch 捕获 err ,然后 reject(err) ,才能被 catch 捕获到;情况二、在 then 回调里抛出异步异常,只能在异步任务外面再包一层 Promise ,重复情况一的操作,然后 return
    Vrds
        12
    Vrds  
    OP
       249 天前
    @libook 谢谢解答!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5170 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 03:49 · PVG 11:49 · LAX 20:49 · JFK 23:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.