js手动抛错_JS 中的抛错(try、catch、finally)

﹏ヽ暗。殇╰゛Y 2023-01-10 05:21 131阅读 0赞

今天在写业务代码的时候突然遇到了个问题 ：js throw Error如果没有try-catch是不是后面的代码都不执行了？

我的业务代码是如下这个样子：

function pay() \{

if (code !== 0) \{

if (isTest) \{

throw \{

isTest,

code,

\}

\}

throw \{

code,

msg

\};

\}

\}

try \{

pay();

\} catch(e) \{

if(e.isTest) \{

console.log(e);

// ... \} else \{

// ... \}

\}

可能很多人都觉得这不是很简单么第一个throw后，第二个是不执行的，类似return，第一个执行后，当前task不在继续执行；

这个没啥意外的，我的外层调用是个try-catch，会针对不同场景，捕获到不同的错误；

本以为事情到此结束，前端总是事情多，远没有结束~~

看下底下的这些，你认为输出是什么呢？？？先不要看答案哈~

try \{ throw 123 \} finally \{ throw 456 \}

try \{ throw 123 \} catch(e) \{ throw 456 \}

try \{ throw 123 \} catch(e) \{ throw 456 \} finally \{ throw 789 \}

try \{ throw 123 \} catch(e) \{ throw 456 \} finally \{ \}

try \{ throw 123 \} catch(e) \{ throw 456 \} finally \{ console.log(111) \}

看了这样的输出，我真是不知道完全摸不着头脑，于是去群里讨论了一番，再次记录一下：

这个结论是这样的：如果这个函数后面有finally，finally无视return，throw这些东西；

再看个关于return的例子

let test = () => \{ try\{ return 123 \} finally \{ return 789 \} \}

test();

let test1 = () => \{ try\{ return 123 \} finally \{ console.log(456) \} \}

test1();

输出如下：

能看出来问题了么？

逻辑如下：只有 try-catch 的时候：首先执行try的内容，如果这里有 return，则直接返回，结束；如果有抛错，则执行 catch，如果还有 throw 抛错，则抛错到上层(多数是调用方)throw 抛错如果不捕获会阻塞当前 task

有 finally 的情况下：不论前面的 try、catch 是有 return、throw，不管怎么样 finally 的代码都一定会执行，finally 无视一切 “结束任务” 的东西，return throw 都无视

finally里面如果没有 “结束任务” 的东西，return、throw，那么执行完了之后会正常返回之前的 return、throw 的东西；如果有，则使用它自己的 return、throw 返回....(就是如此霸道...)

看下MDN的介绍

总结下：finally 是所有情况都会执行，不管前面是成功、失败、报错、还是返回值

在执行 finally 代码块的时候，之前的 “结束状态”都会保存，如果内部有类似的状态，则会覆盖掉 之前的 “结束状态”，外层调用方只能拿到 finally 的结果了

这个有什么用呢？

比如有个业务场景：

支付的场景，支付开始的时候调用接口，这个接口会涉及各种后端API调用所有会比较慢，前端一般都会加个loading再开始发起请求，结束的时候，会把这个loading关闭(不论成功、失败)，常规来说我们会在success和error的回调里(或者是resolve和reject)都增加一行关闭loading的代码。。。

现在可以这样，如下：

async function pay (params) \{

Loading.show();

try \{

await fetchPay(params, (data) => \{

this.data = data;

\});

\} finally \{

Loading.hide();// 不管成功失败都会调用关闭loading

\}

\}

参考文档：

发表评论取消回复

表情：

评论列表（有 0 条评论，131人围观）

还没有评论，来说两句吧...

相关阅读

相关在 Python 中手动引发（抛出）异常

问：如何在 Python 中引发异常，以便以后可以通过 except 块捕获它？答1: > huntsbot.com汇聚了国内外优秀的初创产品创意，可按收入、

曾经终败给现在/ 2024年03月30日 12:11/ 0 赞/ 55 阅读

相关手动抛出异常

正常来说，如果没有对异常进行处理，程序运行时出现了异常，就会自动抛异常。处理异常的两种方式： 1. try\{……\}catch\{……\} 2. throws Ex

深碍√TFBOYSˉ_/ 2023年06月14日 06:29/ 0 赞/ 38 阅读

相关 js手动抛错_JS 中的抛错(try、catch、finally)

今天在写业务代码的时候突然遇到了个问题：js throw Error如果没有try-catch是不是后面的代码都不执行了？我的业务代码是如下这个样子： function

﹏ヽ暗。殇╰゛Y/ 2023年01月10日 05:21/ 0 赞/ 132 阅读

相关 java手动捕捉异常_java 异常之手动抛出与自动抛出的实例讲解

java异常处理机制的两类 1、抓：异常的处理，有两种方式 ① try-catch-finally ② throws 2、抛： ① 自动抛出可以理解为所有没有使用

古城微笑少年丶/ 2022年11月10日 03:58/ 0 赞/ 251 阅读

相关程序中抛出异常

public class ThrowException { public static void main(String args[]) {

本是古典何须时尚/ 2022年08月25日 09:12/ 0 赞/ 246 阅读

相关 js学习（一）-抛出错误

用throw来自定义错误消息，用try来测试可能出错的代码块，用catch(err)来接收错误消息 function myFunction() { v

谁借莪１个温暖的怀抱￠/ 2022年05月23日 02:41/ 0 赞/ 106 阅读

相关 throws抛异常

> 如果调用的代码有异常抛出，那需要try…catch处理或者抛异常 package com.exception.test; import java

待我称王封你为后i/ 2022年05月13日 14:58/ 0 赞/ 197 阅读

相关应该手动抛出什么异常？RuntimeException？

Java程序员应该手动抛出什么异常？不能抛出RuntimeException吧？收藏帖子回复 [![1_duanlexianer.jpg][]][1_

柔光的暖阳◎/ 2022年04月10日 05:10/ 0 赞/ 423 阅读

相关 JS中函数缺少参数的报错

稍微有过一点JS编程经历的人都知道，JS中的函数，即便是缺少了参数也不会报错，例如 function add(x, y){ return

心已赠人/ 2022年03月25日 04:07/ 0 赞/ 452 阅读

相关 Django手动抛出异常

class Index(VIew): def post(self, request): count = request.POST

客官°小女子只卖身不卖艺/ 2022年01月13日 14:27/ 0 赞/ 319 阅读