try
语句使您能够测试代码块中的错误。
catch
语句允许您处理错误。
throw
语句允许您创建自定义错误。
finally
使您能够执行代码,在 try 和 catch 之后,无论结果如何。
错误总会发生!
当执行 JavaScript 代码时,会发生各种错误。
错误可能是程序员的编码错误,由错误输入引起的错误,或者由于其他不可预见的问题。
JavaScript try 和 catch
try
语句允许您定义一个代码块,以便在执行时检测错误。
catch
语句允许你定义一个要执行的代码块,如果 try 代码块中发生错误。
JavaScript 语句 try
和 catch
成对出现:
try { 供测试的代码块 } catch(err) { 处理错误的代码块 }
JavaScript 抛出错误
当发生错误时,JavaScript 通常会停止并产生错误消息。
JavaScript 实际上会创建带有两个属性的 Error 对象:name
和 message
。
throw 语句
throw
语句允许您创建自定义错误。
异常可以是 JavaScript 字符串、数字、布尔或对象.
如果把 throw
与 try
和 catch
一同使用,就可以控制程序流并生成自定义错误消息。
输入验证案例
本例会检查输入。如果值是错误的,将抛出异常(err)。
该异常(err)被 catch 语句捕获并显示一条自定义的错误消息:
<!DOCTYPE html> <html> <body> <p>请输入 5 到 10 之间的数字:</p> <input id="demo" type="text"> <button type="button" onclick="myFunction()">检测输入</button> <p id="p01"></p> <script> function myFunction() { var message, x; message = document.getElementById("p01"); message.innerHTML = ""; x = document.getElementById("demo").value; try { if(x == "") throw "是空的"; if(isNaN(x)) throw "不是数字"; x = Number(x); if(x < 5) throw "太小"; if(x > 10) throw "太大"; } catch(err) { message.innerHTML = "输入:" + err;//若输入""则显示错误“是空的”;若输入的不是数字则页面显示“不是数字”;若输入的数字大于10则显示“太大”;若输入数字小于5则显示“太小” } } </script> </body> </html>
finally 语句
finally
语句允许您在 try 和 catch 之后执行代码,无论结果:
try { // 供测试的代码块 } catch(err) { // 处理错误的代码块 } finally { // 无论结果如何都执行的代码块 }
Error 对象
JavaScript 拥有当错误发生时提供错误信息的内置 error 对象。
error 对象提供两个有用的属性:name
和 message
。
属性 | 描述 |
---|---|
name | 设置或返回错误名 |
message | 设置或返回错误消息(一条字符串) |
Error Name Values
error 的 name 属性可返回六个不同的值:
错误名 | 描述 |
---|---|
EvalError | 已在 eval() 函数中发生的错误 |
RangeError | 已发生超出数字范围的错误 |
ReferenceError | 已发生非法引用 |
SyntaxError | 已发生语法错误 |
TypeError | 已发生类型错误 |
URIError | 在 encodeURI() 中已发生的错误 |
范围错误
RangeError
会在您使用了合法值的范围之外的数字时抛出。
例如:您不能将数字的有效位数设置为 500。
<!DOCTYPE html> <html> <body> <h1>JavaScript 异常</h1> <p>您不能将数字的有效位数设置为500:</p> <p id="demo"> <script> var num = 1; try { num.toPrecision(500);// 数无法拥有 500 个有效数
} catch(err) { document.getElementById("demo").innerHTML = err.name;//RangeError } </script> </body> </html>
引用错误
假如您使用(引用)了尚未声明的变量,则 ReferenceError
会被抛出:
<!DOCTYPE html> <html> <body> <h1>JavaScript 异常</h1> <p>您不能使用不存在的变量的值:</p> <p id="demo"></p> <script> var x; try { x = y + 1;// y 无法被引用(使用) } catch(err) { document.getElementById("demo").innerHTML = err.name;//ReferenceErro } </script> </body> </html>
语法错误
假如您计算带语法错误的代码,会 SyntaxError
被抛出:
<!DOCTYPE html> <html> <body> <h1>JavaScript 异常</h1> <p>您无法评估包含语法错误的代码:</p> <p id="demo"></p> <script> try { eval("alert('Hello)");// 缺少 ' 会产生错误 } catch(err) { document.getElementById("demo").innerHTML = err.name;//SyntaxError } </script> </body>
类型错误
假如您使用的值不在期望值的范围之内,则 TypeError
被抛出:
<!DOCTYPE html> <html> <body> <h1>JavaScript 异常</h1> <p>您无法将数字转换为大写:</p> <p id="demo"></p> <script> var num = 1; try { num.toUpperCase();// 您无法将数字转换为大写 } catch(err) { document.getElementById("demo").innerHTML = err.name;//TypeError } </script> </body>
URI 错误
假如您在 URI 函数中使用非法字符,则 URIError
被抛出:
<!DOCTYPE html> <html> <body> <h1>JavaScript 异常</h1> <p>使用 decodeURI() 无法解码某些字符:</p> <p id="demo"></p> <script> try { decodeURI("%%%");//无法解码某些字符: } catch(err) { document.getElementById("demo").innerHTML = err.name;//URIError } </script> </body> </html>
标签:try,err,错误,JavaScript,Try,catch,Catch,name From: https://www.cnblogs.com/user-zbb/p/17090406.html