js 的try catch应用

 

<script language="javascript">
try
{
throw new Error(10,"asdasdasd")
}
catch (e)
{
alert(e.message);
alert(e.description)
alert(e.number)
alert(e.name)
throw new Error(10,"asdasdasd")
}

</script>  

在JavaScript可以使用try...catch来进行异常处理。例如:  

try {
 foo.bar();
} catch (e) {
 alert(e.name + ": " + e.message);
}

目前我们可能得到的系统异常主要包含以下6种:

  • EvalError: raised when an error occurs executing code in eval()  
  • RangeError: raised when a numeric variable or parameter is outside of its valid range  
  • ReferenceError: raised when de-referencing an invalid reference  
  • SyntaxError: raised when a syntax error occurs while parsing code in eval()  
  • TypeError: raised when a variable or parameter is not a valid type  
  • URIError: raised when encodeURI() or decodeURI() are passed invalid parameters  

上面的六种异常对象都继承自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);
 } 
 // etc 
}

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()); // 使用本地格式显示当前时间 
}
  • 8
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
JavaScripttrycatch是一对关键字,用于处理可能会抛出异常的代码块。当代码块的语句发生错误时,try块会捕获到异常并将控制权转移到catch块。 trycatch应用场景有几种常见情况。首先,它可以用于捕获和处理在代码执行过程可能出现的错误。通过在try编写可能会引发异常的代码,然后在catch捕获这些异常并进行适当的处理,我们可以避免程序因为错误而崩溃或出现意外的行为。 其次,trycatch还可以用于处理异步操作的异常。在使用回调函数或Promise处理异步代码时,我们可以在try执行异步操作,并使用catch块来捕获可能抛出的异常,以便进行错误处理或提供合适的反馈。 此外,trycatch也可以用于记录日志或进行bug修复。在开发过程,我们可以使用trycatch来主动捕获异常并将其记录下来,以便后续的调试和修复。这对于前端和后台开发来说都是常见的习惯。 综上所述,jstrycatch应用场景包括但不限于处理代码执行错误、处理异步操作异常以及记录日志和进行bug修复。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [JStry catch 前端使用场景(尽管不多还是会用到)](https://blog.csdn.net/hsany330/article/details/106529484)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [前端性能与异常上报](https://download.csdn.net/download/weixin_38732425/15453779)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值