js异常处理

最新推荐文章于 2024-08-12 09:24:46 发布

蟑螂大道

最新推荐文章于 2024-08-12 09:24:46 发布

阅读量53

点赞数

分类专栏： ES6笔记文章标签： javascript 前端 ecmascript 前端框架

本文链接：https://blog.csdn.net/qq_43551056/article/details/130720524

版权

ES6笔记专栏收录该内容

17 篇文章 0 订阅

订阅专栏

文章详细介绍了JavaScript中如何使用throw抛出异常，以及catch和finally块如何捕获并处理异常。当在函数中throw异常后，后续代码不会执行，异常会逐层向上冒泡，直至被处理或导致程序终止。示例展示了带异常的foo1函数在foo2函数中如何被try-catch结构捕获和打印。

摘要由CSDN通过智能技术生成

异常

抛出异常类型

number/string/boolean
对象，如 throw new Error(‘xxx’)

函数中throw抛出异常后，后续的代码不会执行

捕获异常

函数中throw抛出异常后，没有对异常进行捕获，异常会传递到上一个调用函数中，直到全局代码中。

若全局依然没有对异常捕获，则报错并且终止程序运行。

function foo1() {
    console.log('foo1 start');
    console.log('foo1');
    console.log('foo1 end');
}

function foo2() {
    console.log('foo2 start');
    console.log('foo2');

    try {
        console.log('try');
        foo1()
    } catch (error) {
        console.log(error);
    } finally {
        console.log('finally');
    }
    console.log('foo2 end');
}

foo2()

// 没有异常打印：
//foo2 start
//foo2
//try
//foo1 start
//foo1
//foo1 end
//finally
//foo2 end

function foo1() {
    console.log('foo1 start');
    console.log('foo1');
    // 抛出异常
    throw new Error('报错了')
    console.log('foo1 end');
}

function foo2() {
    console.log('foo2 start');
    console.log('foo2');

    try {
        console.log('try');
        foo1()
    } catch (error) {
        console.log(error);
    } finally {
        console.log('finally');
    }
    console.log('foo2 end');
}

foo2()

// 抛出异常打印:
//foo2 start
//foo2
//try
//foo1 start
//foo1
//Error: 报错了
//    at foo1 (test.html:19:13)
//    at foo2 (test.html:29:9)
//    at test.html:38:5
//finally
//foo2 end