JS异常处理——throw和try、catch以及debugger

简介: JS异常处理——throw和try、catch以及debugger

让我为大家介绍一下异常处理吧!

异常处理是指预估代码执行过程中可能发生的错误,然后最大程度的避免错误的发生导致整个程序无法继续运行

throw 抛异常

第一种写法

function fun(x, y) {
        // undefined是false 但取反就是true
        if (!x || !y) {
            // 第一种写法 会终止程序
            throw "没有传递参数进来"
        }
        return x + y
    }
    fun()

第二种写法 常用的写法

function fun(x, y) {
        // undefined是false 但取反就是true
        if (!x || !y) {
            //第二种写法 会终止程序
            throw new Error("没有参数传递进来")
        }
        return x + y
    }
    fun()

会告诉你第几行有问题

总结:
1.throw 抛出异常信息,程序也会终止执行
2.throw 后面跟的是错误提示信息
3.Error 对象配合 throw 使用,能够设置更详细的错误信息

try / catch 捕获错误信息

我们可以通过 try / catch 捕获错误信息(浏览器提供的错误信息)

try 试试 catch 拦住 finally 最后

<body>
    <div>111</div>
</body>
<script>
    function fun(){
        try {
            // 可能发生错误信息的代码写到try里
            // 我们使用类选择器去获取,但我们没定义类,展示作用
            let div = document.querySelector(".div")
            div.style.color = "pink"
        }catch(err){ //写一个形参
            // 拦截错误,提示浏览器提供的错误信息,但是不中断程序的执行
            console.log(err.message) //查看提示信息
            // 需要终止需要添加return 中断程序
            // return
        }
        finally {
            // 不管程序对不对 一定会执行的代码
            console.log("我一定会执行")
        }
        console.log("不终止,想终止加return")
    }
    fun()
</script>

总结:

1.try…catch 用于捕获错误信息

2.将预估可能发生错误的代码写在 try 代码段中

3.如果 try 代码段中出现错误后,会执行 catch 代码段,并截获到错误信息

4.finally 不管是否有错误,都会执行

debugger

调试的时候可以加上debugger 相当于直接就是断点
打开调试工具 然后按 F5刷新 即可

感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

相关文章
|
6天前
|
JavaScript 前端开发 算法
JavaScript 关键字 debugger 的作用和使用场景介绍
JavaScript 关键字 debugger 的作用和使用场景介绍
46 0
npm 启动报错 解决 events.js:174 throw er; // Unhandled 'error' event 的报错问题
npm 启动报错 解决 events.js:174 throw er; // Unhandled 'error' event 的报错问题
npm 启动报错 解决 events.js:174 throw er; // Unhandled 'error' event 的报错问题
|
9月前
|
JavaScript 数据安全/隐私保护 开发者
JS逆向 | 无限Debugger之淘大象
JS逆向 | 无限Debugger之淘大象
126 0
node Express.js node:internal/modules/cjs/loader:988 throw err; ^ Error: Cannot find module ‘
node Express.js node:internal/modules/cjs/loader:988 throw err; ^ Error: Cannot find module ‘
1023 0
node Express.js node:internal/modules/cjs/loader:988 throw err; ^ Error: Cannot find module ‘
|
10月前
|
前端开发 JavaScript API
📕重学JavaScript:Promise 的then()、catch() 和 finally()
大部分时候,你要用的 Promise 对象是 Web API 或第三方 API 返回的。我们要设置 Promise 对象,让它在变成 fulfilled 的时候执行我们想要的成功的代码,而在变成 rejected 的时候执行我们想要的失败的代码。
220 0
📕重学JavaScript:Promise 的then()、catch() 和 finally()
|
11月前
|
前端开发 JavaScript
web前端面试高频考点——JavaScript 篇(二)【JS 异步进阶】Event Loop、then 和 catch、async/await、宏任务微任务、手撕 Promise 源码
web前端面试高频考点——JavaScript 篇(二)【JS 异步进阶】Event Loop、then 和 catch、async/await、宏任务微任务、手撕 Promise 源码
148 0
|
12月前
|
数据采集 JavaScript 中间件
Node.js的nrm报错:internal/validators.js:125 throw new ERR_INVALID_ARG_TYPE
Node.js的nrm报错:internal/validators.js:125 throw new ERR_INVALID_ARG_TYPE
236 0
|
JavaScript 前端开发
JavaScript try 和 catch
JavaScript try 和 catch
47 0
|
前端开发
前端知识案例103-javascript基础语法-throw抛出日常
前端知识案例103-javascript基础语法-throw抛出日常
54 0
前端知识案例103-javascript基础语法-throw抛出日常
vite events.js:292 throw er; // Unhandled ‘error‘ event Error: spawn esbuild.exe ENOENT
vite events.js:292 throw er; // Unhandled ‘error‘ event Error: spawn esbuild.exe ENOENT
vite events.js:292 throw er; // Unhandled ‘error‘ event Error: spawn esbuild.exe ENOENT