【转】JS中的异常处理方法分享

Bertha 。 2022-05-26 05:00 191阅读 0赞

js容错语句,就是js出错也不提示错误（防止浏览器右下角有个黄色的三角符号，要不用户体验不好）

  1. window.οnerrοr=function(){return true;}

下面是为了获取js异常信息，方便开发者找到问题的方法：

  1. try…catch… 
  1. <script type="text/javascript">
  2. var txt=""
  3. function message()
  4. {
  5. try
  6.    {
  7.    adddlert("Welcome guest!")
  8.    }
  9. catch(err)
  10.    {
  11.      txt="本页中存在错误。\n\n"
  12.      txt+="点击“确定”继续查看本页，\n"
  13.      txt+="点击“取消”返回首页。\n\n"
  14.      if(!confirm(txt))
  15.          {
  16.          document.location.href="/index.html"
  17.          }
  18.    }
  19. }
  20. </script>

  1. throw

  1. onerror

js中的异常处理
在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对象。他们都支持以下两种构造方法: 

  1. new Error();new Error("异常信息");

手工抛出异常的方法如下：

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

如要判断异常信息的类型，可在catch中进行判断：

  1. try {
  2. foo.bar();
  3. } catch (e) { 
  4. if (e instanceof EvalError) {  
  5. alert(e.name + ":" + e.message); 
  6. }  else if (e instanceof RangeError) {
  7. alert(e.name + ": " + e.message); }  
  8. // etc 
  9. }

Error具有下面一些主要属性：

  • description: 错误描述 (仅IE可用).
  • fileName: 出错的文件名 (仅Mozilla可用).
  • lineNumber: 出错的行数 (仅Mozilla可用).
  • message: 错误信息 (在IE下同description)
  • name: 错误类型.
  • number: 错误代码 (仅IE可用).
  • stack: 像Java中的Stack Trace一样的错误堆栈信息 (仅Mozilla可用).

因此为了更好的了解错误信息我们可以将catch部分改为如下形式： 

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

JavaScript中的throw命令事实上可以抛出任何对象，并且我们可以在catch接受到此对象。例如：

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

转自：http://www.jb51.net/article/44713.htm

Fundebug是前端JavaScript错误实时监控平台。Fundebug的JavaScript监控插件已经能够在各种主流浏览器中自动捕获错误，并且可以获取最全面的错误信息，帮助开发者更快的Debug。

您可能感兴趣的

  1. 详解1000+项目数据分析出来的10大JavaScript错误

  2. 提示“用户名或密码不正确”很糟糕

  3. Debug前端HTML/CSS

  4. 有浏览器的地方就有Fundebug

发表评论

表情：
评论列表 （有 0 条评论，191人围观）

还没有评论，来说两句吧...

相关阅读