JavaScript 错误 ( 内涵案例 ) - Throw和Try to Catch

最新推荐文章于 2023-06-02 17:19:03 发布
最新推荐文章于 2023-06-02 17:19:03 发布
阅读量85 收藏
点赞数
分类专栏： JavaScript学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43968060/article/details/114455680
版权

JavaScript try 和 catch

  • try 语句允许定义一个代码块，以便在执行时检测错误
  • catch 语句允许定义一个要执行的代码块，如果try 代码块中发生错误
  • JavaScript 语句中try 和 catch 成对出现
try{
	//供测试的代码块
}
	catch(err){
	//处理错误的代码块
}

JavaScript抛出错误

  • 当发生错误时，JavaScript通常会停止并产生错误信息
  • 实际上会创建带有两个属性的error对象 ：name和message

throw 语句

  • throw语句允许创建自定义错误并抛出异常（错误）
  • 错误可以是字符串，数字，布尔或者对象
throw" 500"    //抛出数字
throw"system error"  //抛出文本

输入验证案例

  • 本例子会检查输入，如果输入不合法则会抛出异常（err）
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="demo" placeholder="请输入大于10小于15的数字">
    <button onclick="submit()">验证测试</button>
    <p id="message"></p>
</body>
<script>
    function submit() {
        let message = document.getElementById("message");
        let inputText = document.getElementById("demo").value;
        message.innerHTML = "";
        try {
            if (inputText == "") throw "输入为空";
            if (isNaN(inputText)) throw "输入的不是数字";
            //强制类型转换
            inputText = Number(inputText);
            if (inputText < 10) throw "太小";
            if (inputText > 15) throw "太大";
        } catch (err) {
            message.innerHTML = "输入:" + err;
        }
    }
</script>
</html>

在这里插入图片描述
在这里插入图片描述

风和雨呀~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
php错误处理
沉梦昂志
10-21 163
如果没有错误处理机制会怎样？ 文件没有打开，但仍然向下执行，输出了ok <?php $file = fopen('./aaa.php','r'); echo 'ok'; /* 输出结果； Warning: fopen(./aaa.txt): failed to open stream: No such file or directory in F:\wamp\www\test.php on line 2 ok */ 添加错误处理机制 使用file_exists()函数检查文件或文件夹是否存在，返回
JavaScript 错误处理（Throw、Try 和 Catch）
最新发布
Python老吕的博客
05-31 589
在编程过程中，错误处理是一个至关重要的环节，它能够帮助我们识别、理解并修复代码中的问题。块中的代码抛出异常时，JavaScript 引擎会立即停止执行该块中的剩余代码，并开始寻找能够处理该异常的。当你发现代码中存在某个无法处理的错误或异常情况时，可以使用。），你可以编写出更加健壮、可维护的 JavaScript 代码，有效地处理各种异常情况。需要注意的是，一旦一个异常被捕获并处理，JavaScript 引擎就会继续执行紧跟在。块中抛出的异常对象。块中抛出的错误，并打印了错误信息。块中的代码抛出异常时执行。
JavaScript 错误 - Throw 和 Try to Catch
weixin_43023873的博客
03-24 314
JavaScript 错误 - Throw 和 Try to Catch1.对JavaScript 错误 - Throw 和 Try to Catch的理解2.举个简单的例子3.这里面throw4.应用 1.对JavaScript 错误 - Throw 和 Try to Catch的理解 try 语句使您能够测试代码块中的错误。 catch 语句允许您处理错误。 throw 语句允许您创建自定义错...
JavaScript基础1：JavaScript 错误 - Throw、Try 和 Catch
西召
07-23 1224
try      语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。 错误一定会发生,当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误：可能是语法错误，通常是程序员造成的编码错误或错别字。可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）,可能是由于来自服务器或用户的错误输出而导致的错误。当然，也可能是由于许多其他不可
JavaScript 错误 - Throw、Try 和 Catch
NOT NULL
03-11 977
简介： try 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。 try{ throw "yy" }catch(xx){ if(xx=="yy"){ alert("yy!"); } } 执行的结果：
WEB前端网页设计 - JavaScript 错误 - throw、try 和 catch & JavaScript 调试
君逍遥o
06-02 626
WEB前端网页设计 - JavaScript 错误 - throw、try 和 catch & JavaScript 调试
JavaScript 错误 throw、try 和 catch
qq_56688191的博客
11-22 272
JavaScript 错误-throw、try 和 catch
JavaScript--JavaScript 错误 - Throw、Try 和 Catch
FIGHTING的专栏
06-01 796
JavaScript 错误 - Throw、Try 和 Catch     JS Break     JS 验证 try 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。 错误一定会发生 当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误： 可能是语法错误，通常是程序员造成的编码错误或错别字。
【JavaScript编程】JavaScript 错误之 throw 和 try/catch/finally 语句
猿始森林
08-02 505
JavaScript 错误 定义：当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误，我们把这种错误叫 JavaScript 错误。 相关语句：处理错误的相关语句如下： 语句 描述 try 语句 测试代码块的错误。 catch 语句 处理错误。 throw 语句 创建自定义错误。 finally 语句 在 try 和 catch 语句之后...
WEB开发 之 JavaScript 错误 - Throw、Try 和 Catch.docx
09-26
WEB开发之JavaScript错误-Throw、Try和Catch JavaScript错误处理是WEB开发中的一个重要方面。在JavaScript中，错误可能来自语法错误、拼写错误、服务器或用户的错误输出等多种原因。因此，了解如何正确地处理错误是...
JavaScript语句错误throw、try及catch实例解析
10-14
在这篇文章中，我们将深入探讨JavaScript中的`throw`、`try`和`catch`语句，以及它们如何协同工作来处理错误。 首先，`throw`语句用于创建自定义错误。当你知道某个条件可能导致错误，但又希望程序能够继续运行，而...
JavaScript 错误 – throw、try 和 catch
01-21
JavaScript 错误 – throw、try 和 catch try 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。 finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。  ...
javascript 中的try catch应用总结
12-03
JavaScript中的`try...catch`语句是用于处理程序运行时可能出现的错误的一种机制。它允许开发者在代码中捕获并处理异常，防止程序因未预期的错误而崩溃。以下是关于`try...catch`的一些关键知识点： 1. **基本结构*...
DOM--获取body和HTML元素
qq_43968060的博客
07-24 2757
获取特殊元素–body,html 获取body元素 获取HTML元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </h
JavaScript 表单：验证输入，自动HTML表单验证，数据验证，约束验证
qq_43968060的博客
03-07 1961
-1.JavaScript表单验证 <!DOCTYPE html> <html> <head> <script> function validateForm() { var x = document.forms["myForm"]["fname"].value; if (x == "") { alert("必须填写姓名！"); return false; } } </script> </head> <b
JavaScript随机 产生随机数的随机函数
qq_43968060的博客
03-05 1815
JavaScript随机 1.我们可以通过Math.random()返回 0(包括)至1(不包括)之间的随机数 Math.random(); 但是它返回的数总是小于1。 2.我们可以借助Math.random() 和Math.floor()一起使用用于返回随机整数。 例如： Math.floor(Math.random() * 10); //返回 0 - 9 之间的数 因为floor是向下舍入的。 Math.floor(Math.random() * 10) + 1 ; //返回 1 -10 之
DOM--事件基础（事件三要素）
qq_43968060的博客
07-25 1541
什么是事件？ JavaScript使我们有能力创建动态页面，而事件是可以被JavaScript侦测到的行为。 简单理解：触发–>响应机制 案例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .
JavaScript数值方法：把变量转换为数值的方法：
qq_43968060的博客
03-04 1378
JavaScript数值方法 W3Cschool关于数值方法的文档 1.Number方法和属性 toString() 方法：以字符串返回数组，所有数字方法可用于任意类型的数字。 var x = 11; x.toString(); // 从变量 x 返回 11 (11).toString(); // 从文本 11 返回 11 (10 + 1).toString(); // 从表达式 10 + 1 返回 11 toExponential() 方法：返回字符串值，它包
try catch throw 的作用
11-10
JavaScript中的try-catch语句用于捕获和处理异常。当代码块中的代码发生错误时，try-catch语句会捕获异常并执行相应的代码块。try语句包含可能会发生错误的代码块，而catch语句包含处理错误的代码块。如果try语句中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值