JavaScript 异常处理机制详解：try-catch、throw 与 onerror

JavaScript 异常处理概述与全局屏蔽

JavaScript 容错语句旨在防止脚本出错时向用户提示错误信息，避免浏览器右下角出现黄色三角警告符号，从而保障良好的用户体验。

 
window.onerror=function(){return true;}

以下方法用于获取 JavaScript 异常的具体信息，便于开发者定位并修复问题。

使用 try...catch 捕获局部异常

第一种方法是使用 try...catch 语句块。

<script type="text/javascript">
var txt=""
function message()
{
try
   {
adddlert("Welcome guest!")
   }
catch(err)
   {
txt="本页中存在错误。\n\n"
txt+="点击“确定”继续查看本页，\n"
txt+="点击“取消”返回首页。\n\n"
if(!confirm(txt))
         {
document.location.href="/index.html"
         }
   }
}
</script>

使用 throw 手动抛出自定义异常

第二种方法是使用 throw 语句手动抛出异常。

<script type="text/javascript">
var x=prompt("请输入 0 至 10 之间的数：","")
try
{
if(x>10)
throw "Err1"
else if(x<0)
throw "Err2"
else if(isNaN(x))
throw "Err3"
}
catch(er)
{
if(er=="Err1")
alert("错误！该值太大！")
if(er == "Err2")
alert("错误！该值太小！")
if(er == "Err3")
alert("错误！该值不是数字！")
}
</script>

使用 onerror 进行全局错误监听

第三种方法是使用 onerror 事件处理器。

<script type="text/javascript">
onerror=handleErr
var txt=""
function handleErr(msg,url,l)
{
txt="本页中存在错误。\n\n"
txt+="错误：" + msg + "\n"
txt+="URL: " + url + "\n"
txt+="行：" + l + "\n\n"
txt+="点击“确定”继续。\n\n"
alert(txt)
return true
}
function message()
{
adddlert("Welcome guest!")
}
</script>

内置异常类型与 Error 对象属性详解

在 JavaScript 中，可以使用 try...catch 结构进行异常处理。例如： try { foo.bar();} catch (e) { alert(e.name + ": " + e.message);} 目前常见的系统异常主要包含以下 6 种类型：

EvalError: 当在 eval() 中执行代码发生错误时抛出 RangeError: 当数值变量或参数超出有效范围时抛出 ReferenceError: 当解引用无效引用时抛出 SyntaxError: 当在 eval() 中解析代码发生语法错误时抛出 TypeError: 当变量或参数类型无效时抛出 URIError: 当 encodeURI() 或 decodeURI() 接收到无效参数时抛出 上述六种异常对象均继承自 Error 对象。它们支持两种构造方式： new Error();new Error("异常信息"); 手工抛出异常的示例如下：

try {
throw new Error("Whoops!");}
catch (e) {
alert(e.name + ": " + e.message);}

如需判断异常信息的具体类型，可在 catch 块中进行类型判断：

try {
foo.bar();
} catch (e) {
if (e instanceof EvalError) {
alert(e.name + ":" + e.message);
} else if (e instanceof RangeError) {
alert(e.name + ": " + e.message); }
// 其他类型判断...
} 

Error 对象具有以下主要属性：

description: 错误描述 (仅 IE 浏览器可用). fileName: 出错的文件名 (仅 Mozilla 浏览器可用). lineNumber: 出错的行数 (仅 Mozilla 浏览器可用). message: 错误信息 (在 IE 浏览器中与 description 相同) name: 错误类型名称. number: 错误代码 (仅 IE 浏览器可用). stack: 类似 Java 中的 Stack Trace 错误堆栈信息 (仅 Mozilla 浏览器可用). 因此，为了更全面地获取错误信息，可以将 catch 部分修改为如下形式：

try {
foo.bar();
} catch(e) {
if (browserType != BROWSER_IE) {
alert("name: " + e.name + "message: " + e.message + "lineNumber: " + e.lineNumber + "fileName: " + e.fileName + "stack: " + e.stack);
} else {
alert("name: " + e.name + "errorNumber: " + (e.number & 0xFFFF) + "message: " + e.message "); } } "

JavaScript 中的 throw 命令可以抛出任何类型的对象，并且可以在 catch 块中接收该对象。例如：

try {
throw new Date(); // 抛出当前时间对象 } catch (e) { alert(e.toLocaleString()); // 使用本地格式显示当前时间
    }