让我为大家介绍一下异常处理吧!
异常处理是指预估代码执行过程中可能发生的错误,然后最大程度的避免错误的发生导致整个程序无法继续运行
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刷新 即可
感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!