首页 > 编程语言 >JavaScript 错误 throw、try、catch

JavaScript 错误 throw、try、catch

时间:2023-01-10 21:45:40浏览次数:48  
标签:语句 错误 JavaScript try catch throw

JavaScript错误throw、try、catch

try:语句测试代码的错误;

catch:语句处理错误;

throw:语句创建自定义错误;

finally:语句在try和catch语句之后,无论是否有触发异常,该语句都会执行。

JavaScript错误

当JavaScript引擎执行JavaScript代码时,会发生各种错误。

可能是语法错误,通常是程序员造成的编码错误和错别字。

可能是拼写错误或语言缺少的功能(浏览器差异)。

可能是服务器或用户错误输出导致的错误。

JavaScript抛出错误

当错误发生时,JavaScript引擎通常会停止,并生成一个错误信息。

描述这种情况的术语是JavaScript将抛出一个错误。

JavaScript try和catch

try语句允许我们定义在执行时进行错误测试的代码。

catch语句允许我们在try语句发生错误时,所执行的代码块。

JavaScript中的try和catch语句时成对存在的。

语法:

1 try{
2     ... //抛出异常
3 }catch(e){
4     ... //异常的捕获与处理
5 }finally{
6     ... //结束处理
7 }

实例:

我们在try代码块中写错了一个字符,catch块会捕捉try代码块中的错误,并处理它。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>JavaScript 错误 throw、try和catch</title>
 6     </head>
 7     <p>
 8         try语句测试代码的错误<br>
 9         catch语句处理错误<br>
10     </p>
11     <p>
12         语法:
13         try{
14             ... //抛出异常
15         }catch(e){
16             ... //异常的捕获与处理
17         }finally{
18             ... //结束处理
19         }
20 
21     </p>
22     <script>
23         var txt="";
24         function message(){
25             try{
26                 addlert("Welcome...")
27             }
28             catch(err){
29                 txt="本页有一个错误..."+"\n\n";
30                 txt+="错误描述"+err.message+"\n\n";
31                 txt+="点击确定继续"+"\n\n";
32                 alert(txt);
33             }
34 
35         }
36     </script>
37     <body>
38         <input type="button" value="查看消息" onclick="message()">
39     </body>
40 </html>

finally语句

finally语句不管之前try和catch语句是否异常都会执行

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>javascript finally 语句</title>
 6     </head>
 7     <body>
 8         <p>不管输入是否正确,输入框都会在输入后清空。</p>
 9         <p>请输入5~10之间的数字。</p>
10         <input type="text" id="demo">
11         <button type="button" onclick="myFunction()">点我</button>
12         <p id="p01"></p>
13         <script>
14             function myFunction(){
15                 // 创建两个变量
16                 var x, message
17                 // message 从p01获取
18                 message = document.getElementById("p01");
19                 message.innerHTML="";
20                 x = document.getElementById("demo").value;
21                 try{
22                     if(x=="") throw "值是空的。。。"
23                     if(isNaN(x)) throw "不是一个数字。"
24                     if(x<5) throw "值太小。。。"
25                     if(x>10) throw "值太大。。。"
26                 }
27                 catch(err){
28                     message.innerHTML="错误:"+err;
29                 }
30                 finally{
31                     document.getElementById("demo").value
32                 }
33             }
34         </script>
35     </body>
36 </html>

throw语句

throw语句允许我们创建自定义错误

 

标签:语句,错误,JavaScript,try,catch,throw
From: https://www.cnblogs.com/wenzm/p/17039632.html

相关文章

  • [JavaScript]判断是否为pc页面、是否为ios页面
    常用于pc页面与h5页面的跳转和适配,区分不同设备进行下载跳转区分。 varis_pc=!(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|......
  • JavaScript 扁平数据与树形结构数据的转换
    一、扁平转树形在JavaScript中,可以使用递归算法将扁平的数据转换为树形结构。扁平数据通常是一个带有parentId属性的数组,而树形结构通常是一个带有children属性......
  • JavaScript 实用工具方法库
     utils.jsimportmomentfrom'moment';exportfunctionfixedZero(val){returnval*1<10?`0${val}`:val;}exportfunctiongetTimeDistance(type){......
  • javaScript Object.is和==和===
    ##相等运算符(==)==相等运算符在判断相等前对两边的变量(如果它们不是同一类型)进行强制转换1.如果操作数具有相同的类型,则按如下方式进行比较:-对象:`true`仅......
  • JavaScript 将base64 转换为File
    在JavaScript中,可以使用Blob对象将base64字符串转换为File对象。 方法一(推荐,但存在兼容性问题):首先,你需要从base64字符串中获取文件类型,然后将文件类型和......
  • JavaScript 中URL 查询字符串(query string)的序列与反序列化
    方法一:在JavaScript中,可以使用URLSearchParams对象来处理URL中的查询字符串。序列化(将JavaScript对象转换为查询字符串)可以使用URLSearchParams对象的append(......
  • JavaScript 计算base64编码图片大小
    JavaScript可以通过获取图片的base64编码并计算其大小来计算图片大小。方法一://计算base64编码图片大小functiongetBase64ImageSize(base64){ if(base64){ b......
  • try-with-resources 语法简介
    try-with-resources语法特点①资源说明头()中可以包含多个定义,用分号隔开(最后的分号可以省略)。资源说明头()中定义的每个对象都会在try块的末尾调用其close()。②try-wit......
  • JavaScript中的闭包
    JavaScript中的闭包是一种特殊的函数,它可以访问其定义时所在的作用域中的变量,即使在这个作用域已经不存在的情况下。闭包的一个常见用途是构建私有变量。当你使用闭包封装......
  • JavaScript 浅拷贝和深拷贝
    JavaScript中的拷贝分为两种:浅拷贝和深拷贝。浅拷贝是指在拷贝过程中,只拷贝一个对象中的指针,而不拷贝实际的数据。所以,浅拷贝中修改新对象中的数据时,原对象中的数据也会......