JavaScript 教程

JavaScript基础教程: JavaScript this 关键字; JavaScript 严格模式(use strict); JavaScript 提升(Hoisting); JavaScript Cookie; JavaScript 弹出框; JavaScript 表单验证; JavaScript 实践经验; JavaScript 常见错误; JavaScript 定时器(Timing); JavaScript 性能; JavaScript 调试; JavaScript 错误处理; JavaScript Boolean(布尔) 对象; JavaScript 正则表达式(RegExp); JavaScript 随机数(Random); JavaScript 事件监听; JavaScript 事件(Events); JavaScript 数组方法; JavaScript Array(数组) 对象; JavaScript 类型转换; JavaScript Math(算数) 对象; JavaScript 数值(Number); JavaScript 字符串方法; JavaScript 变量作用域; JavaScript 字符串(String); JavaScript break和continue语句; JavaScript While 循环; JavaScript 日期(Date); JavaScript For 循环; JavaScript 对象(Object); JavaScript 函数(Function); JavaScript switch语句; JavaScript 事件传播; JavaScript 条件语句; JavaScript 运算符优先级; JavaScript 数组迭代方法; JavaScript 变量; JavaScript 注释; JavaScript 数值方法; JavaScript 语句; JavaScript 输出; JavaScript 运算符; JavaScript 用法; JavaScript 常用示例; JavaScript 数据类型; JavaScript 语法; JavaScript continue 语句; JavaScript String lastIndexOf() 方法; JavaScript Math.cos() 方法; JavaScript Math.max() 方法; JavaScript if...else 语句; JavaScript Math.sin() 方法; JavaScript MIN_VALUE 属性; JavaScript String match() 方法; JavaScript eval() 函数; JavaScript Error message 属性; JavaScript Error name 属性; HTML DOM removeEventListener() 方法; JavaScript RegExp exec() 方法; JavaScript 数组 sort() 方法; JavaScript 数组 reverse() 方法; JavaScript 数组 indexOf() 方法; JavaScript 数组 slice() 方法; JavaScript 数组 lastIndexOf() 方法; JavaScript 数组 splice() 方法; JavaScript 数组 shift() 方法; JavaScript RegExp test() 方法; JavaScript 数组 isArray() 方法; JavaScript 数组 fill() 方法; JavaScript 数组 pop() 方法; JavaScript 数组 unshift() 方法; JavaScript 数组 length 属性; JavaScript 数组 push() 方法; JavaScript 数组 concat() 方法; JavaScript 数组 join() 方法; JavaScript 数组 toString() 方法; JavaScript String() 函数; JavaScript Math.random() 方法; JavaScript Math.ceil() 方法; JavaScript Math.floor() 方法; JavaScript Math.abs() 方法; JavaScript Math.sqrt() 方法; JavaScript Math.pow() 方法; JavaScript Math.round() 方法; JavaScript Math.PI 属性; JavaScript String charCodeAt() 方法; JavaScript String charAt() 方法; JavaScript isNaN() 函数; JavaScript Math.min() 方法; JavaScript String substr() 方法; JavaScript String substring() 方法; JavaScript String slice() 方法; JavaScript String replace() 方法; JavaScript String indexOf() 方法; JavaScript String split() 方法; JavaScript String search() 方法; JavaScript toUpperCase() 方法; JavaScript String concat() 方法; JavaScript String length 属性; JavaScript getUTCMinutes() 方法; JavaScript getUTCDate() 方法; JavaScript getUTCMonth() 方法; JavaScript getUTCHours() 方法; JavaScript String trim() 方法; JavaScript setMilliseconds() 方法; JavaScript setSeconds() 方法; JavaScript setTime() 方法; JavaScript getUTCMilliseconds() 方法; JavaScript setMinutes() 方法; JavaScript getUTCSeconds() 方法; JavaScript setMonth() 方法; JavaScript setHours() 方法; JavaScript setFullYear() 方法; JavaScript getTime() 方法; JavaScript setDate() 方法; JavaScript getUTCFullYear() 方法; JavaScript getMinutes() 方法; JavaScript getUTCDay() 方法; JavaScript getHours() 方法; JavaScript getMonth() 方法; JavaScript getDate() 方法; JavaScript getSeconds() 方法; JavaScript getMilliseconds() 方法; JavaScript getFullYear() 方法; JavaScript 数组 findIndex() 方法; JavaScript 数组 filter() 方法; JavaScript getDay() 方法; JavaScript 数组 every() 方法; JavaScript 数组 find() 方法; JavaScript 数组 map() 方法; JavaScript Date 对象; JavaScript Number.NaN 属性; JavaScript POSITIVE_INFINITY 属性; JavaScript 数组 forEach() 方法; JavaScript MAX_VALUE 属性; HTML DOM addEventListener() 方法; JavaScript 数组 reduce() 方法; JavaScript NEGATIVE_INFINITY 属性; JavaScript Number valueOf() 方法; JavaScript Number toString() 方法; JavaScript parseFloat() 函数; JavaScript parseInt() 函数; JavaScript Number() 函数; JavaScript toFixed() 方法; JavaScript for...of 语句; JavaScript toExponential() 方法; JavaScript do...while 语句; JavaScript while 语句; JavaScript for...in 语句; JavaScript toPrecision() 方法; JavaScript switch 语句; JavaScript throw 语句; HTML DOM console.log() 方法; HTML DOM getElementById() 方法; Window alert() 方法; JavaScript for 语句; HTML DOM innerHTML 属性; JavaScript undefined 属性; HTML DOM write() 方法; HTML DOM style 属性; JavaScript null 空值; JavaScript try...catch 语句; JavaScript break 语句; JavaScript var 语句; JavaScript let 语句; JavaScript const 语句; JavaScript Date.UTC() 方法; JavaScript Date.now() 方法; JavaScript toTimeString() 方法; JavaScript Date toString() 方法; JavaScript toISOString() 方法; JavaScript toJSON() 方法; JavaScript toDateString() 方法; JavaScript toUTCString() 方法; JavaScript setUTCSeconds() 方法; JavaScript Date.parse() 方法; JavaScript setUTCMonth() 方法; JavaScript Date valueOf() 方法; JavaScript setUTCMilliseconds() 方法; JavaScript setUTCHours() 方法; JavaScript toLocaleTimeString() 方法; JavaScript setUTCMinutes() 方法; JavaScript Date constructor 属性; JavaScript toLocaleDateString() 方法; JavaScript toLocaleString() 方法; JavaScript setUTCFullYear() 方法; JavaScript setUTCDate() 方法; JavaScript getTimezoneOffset() 方法; JavaScript Date prototype 属性

JavaScript 对象: JavaScript 对象原型; JavaScript 对象构造函数; JavaScript 创建对象; JavaScript 对象方法; JavaScript 对象属性

JavaScript 函数: JavaScript 闭包; JavaScript 函数应用; JavaScript 函数调用; JavaScript 函数参数; JavaScript 函数定义

JS HTML DOM: JS DOM 改变元素属性; JS DOM 改变CSS; JS DOM Navigation; JS DOM 改变HTML内容; JS HTML DOM选择器; JS HTML DOM方法; JS HTML DOM(文档对象模型)

JS 浏览器BOM: JS Window History; JS Window Navigator; JS Window Location; JS Window 浏览器对象模型; JS Window Screen

AJAX 基础教程

JavaScript 参考手册

当前位置：首页 JavaScript JavaScript 教程 JavaScript基础教程

JavaScript try...catch 语句

发布时间：2016-03-02 修改时间：2023-02-24 由网友大卫发布阅读 15

JavaScript try...catch 语句

JavaScript 语句和变量声明

try ... catch语句标记要尝试的语句块，并指定在抛出异常(错误)时的响应。

try语句由一个try块组成，其中包含一个或多个语句。{}必须始终用于单个语句。

必须至少存在一个catch子句或finally子句。这为try语句提供了三种形式：

try...catch
try...finally
try...catch...finally

使用try语句可以定义一个代码块，该代码块在执行时将进行错误测试。

catch语句允许您定义将要执行的代码块，如果在try块发生错误。

finally声明中，在try和catch后，无论结果如何,您可以执行的代码。

注意： catch和finally语句都是可选的，但是在使用try语句时，您需要使用其中之一（如果不能同时使用的话）。

使用throw语句创建自定义错误（抛出异常）。如果将throw和try 和 catch一起使用，则可以指定程序流并生成自定义错误消息（请参见下面的“更多示例”）。

您可以在我们的JavaScript异常教程中了解有关异常的更多信息。

语法：

try {
   //try_statements-要尝试的语句
}
catch(err) {
   //catch_statements-处理错误的语句
}
finally {
  //finally_statements-无论try / catch结果如何，都要执行的语句
}

示例

try {
   aaalert("Hello world");
}
catch(err) {
   document.getElementById("result").innerHTML = err;
}

测试看看‹/›

浏览器兼容性

所有浏览器完全支持try ... catch语句：

Statement
try...catch	是	是	是	是	是

参数值

参数	描述
try_statements	要执行的语句。
err	持有关联的catch子句的异常对象的标识符。请参考错误对象。
catch_statements	（可选）在try块中引发异常时执行的语句。如果没有错误发生，则永远不会执行此代码块。
finally_statements	（可选）在try语句完成之后执行的语句。无论是否引发异常或捕获异常，这些语句都会执行。

技术细节

JavaScript版本：	ECMAScript 3

更多示例

在finally声明中，您可以执行代码，try和catch后，无论结果如何：

示例

try {
   aaalert("Hello world");
}
catch(err) {
   document.getElementById("result").innerHTML = err;
}
finally {
   document.getElementById("result").innerHTML += "<h3>Finally statement executed</h3>";
}

测试看看‹/›

catch和finally语句都是可选的，但是在使用try语句时，您需要使用其中之一（如果不能同时使用）：

示例

try {
   aaalert("Hello world");
}
finally {
   document.getElementById("result").innerHTML = "最终执行语句";
}

测试看看‹/›

使用throw语句创建一个自定义错误（引发异常）：

示例

function getRectArea(width, height) {
   if (isNaN(width) || isNaN(height)) {
  throw "参数不是数字!";
   }
}

try {
   getRectArea(5, 'Z');
}
catch(err) {
   document.getElementById('para').innerHTML = err;
}

测试看看‹/›

检查输入，如果值错误，则引发异常（err）。catch语句捕获异常（err），并显示自定义错误消息：

示例

var x = document.querySelector("input").value;
try {
   if(x == "")  throw "is Empty";
   if(isNaN(x)) throw "Not a Number";
   if(x > 10)   throw "too High";
   if(x < 5)throw "too Low";
}
catch(err) {
   document.getElementById("para").innerHTML = "Input " + err;
}

测试看看‹/›

还可以看看

JavaScript教程：JavaScript异常

JavaScript参考：JavaScript错误对象

JavaScript参考：JavaScript throw语句

JavaScript 语句和变量声明

JavaScript null 空值 JavaScript break 语句