JS错误处理机制-try、catch、finally和throw

最新推荐文章于 2024-01-23 11:20:01 发布

The_upside_of_down

最新推荐文章于 2024-01-23 11:20:01 发布

阅读量667

点赞数

分类专栏： javascript

原文链接：https://blog.csdn.net/qq_38128179/article/details/88865187

版权

javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

一、JS遇到错误

当js引擎执行js程序时，会发生各种错误。

1、可能是语法错误，通常是程序员造成的编码错误或者错别字。

2、可能是拼写错误或语言中缺少的功能（可能由于浏览器的差异）。

3、可能是由于来自服务器或用户的错误输出而导致的错误。

4、可能是由于许多其他不可预知的因素。

二、JS抛出错误

当错误发生时，当事情出问题时，js引擎通常会停止执行，并抛出一个错误消息。

使用throw语句也可以创建自定义消息。

三、try...catch...finally结构

try/catch/finally语句用于处理代码中可能出现的错误信息。

【1】定义和用法

try语句：定义在执行时进行错误测试的代码块。

catch语句：定义当try代码块发生错误时，所执行的代码块。

finally语句：在try和catch之后，无论try和catch结果有无异常都会执行。

注意：catch和finally语句都是可选的，但你在使用try语句时必须至少使用其中的一个。

    1、 事情还有得挽回， 换条路走
    try {
      // 执行某个逻辑,没出错，则按流程正常执行
    } catch (err) {
      //出问题了， 换个逻辑执行
    } finally {
      // 可选，无论try/catch结果如何都会执行的代码块
    }
 
 
    2、 体面的退出
    try {
      // 执行某个逻辑,没出错，则按流程正常执行
    } catch (err) {
      // 出问题了，弹个框告诉用户出错了，终止执行
      // err参数就是抛出的错误信息
    } finally {
      // 可选，无论try/catch结果如何都会执行的代码块
    }

四、throw语句

throw语句允许我们创建自定义错误。throw语句的作用是手动中断程序执行，创建并抛出一个异常，异常可以是js字符串、数字、逻辑值或对象。

【1】语法。

// 抛出一个字符串
throw 'Error!';            // Uncaught Error!


// 抛出一个数值
throw 404;                 // Uncaught 404


//抛出一个布尔值
throw true;               // Uncaught true


// 抛出一个对象
throw {
  toString: function() {
              return 'Error!';
}
};  // Uncaught { toString: f}

【2】案例。

if(x < 0){
   throw new Error('x必须为正数');
}

五、注意

如果把throw和try和catch一起使用，那么可以控制程序流，并生成自定义的错误消息。

<!DOCTYPE html>
<html lang="en">
 
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
  </style>
</head>
 
<body>
  <p>请输出一个 1 到 10 之间的数字:</p >
  <input id="demo" type="text">
  <button type="button" οnclick="myFunction()">测试输入</button>
  <p id="message"></p >
  <script>
    function myFunction() {
      var message, x;
      message = document.getElementById("message");
      message.innerHTML = "";
      x = document.getElementById("demo").value;
      try {
        if (x == "") throw "值为空";
        if (isNaN(x)) throw "不是数字";
        x = Number(x);
        if (x < 1) throw "太小";
        if (x > 10) throw "太大";
      } catch (err) {
        message.innerHTML = "错误: " + err;
      }
    }
  </script>
</body>
 
</html>

The_upside_of_down

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS错误处理机制-try、catch、finally和throw

一、JS遇到错误当js引擎执行js程序时，会发生各种错误。1、可能是语法错误，通常是程序员造成的编码错误或者错别字。2、可能是拼写错误或语言中缺少的功能（可能由于浏览器的差异）。3、可能是由于来自服务器或用户的错误输出而导致的错误。4、可能是由于许多其他不可预知的因素。二、JS抛出错误当错误发生时，当事情出问题时，js引擎通常会停止执行，并抛出一个错误消息。使用th...
复制链接

扫一扫

专栏目录