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 错误 throw、try、catch