【javascript进阶】异常

前言

最近有些时间了，今天看了看博客的后台记录，好多都没有写博客呢，争取尽快把之前的补上，javascrit中的异常在前端你们用的好像不是不少，其实javascript的异常和大多数的后端语言差不大，今天和你们简单的介绍介绍，这里不介绍啥是运行时异常......，这是说些javascript经常使用的异常和异常处理。

异常

使用关键字Error咱们能够像new一个普通的对象同样建立一个异常的实例，

var err = new Error("这是一个异常");

异常的属性以下：

description: 错误描述  

fileName: 出错的文件名 

lineNumber: 出错的行数

message: 错误信息 

name: 错误类型  

number: 错误代码 

stack: 像Java中的Stack Trace同样的错误堆栈信息

上面各个浏览器之间会有不兼容的现象，你们了解基本的就行。

子类：

Error是全部异常的父类了，他有许多的子类，像

TypeError    当遇到一个意外的类型时引起该异常对象，如未声明的变量。   

SyntaxError   在解析js代码时，其中的语法错误引起该异常对象。   

ReferenceError   使用一个无效的引用时引起该异常对象。   

EvalError    在错误的调用eval函数时引起该异常对象。   

RangeError    在一个数字型变量的值超出了其范围时引起该异常对象。   

URIError   在错误的使用encodeURI或者decodeURI函数时引起该异常对象。

等等。   　　

捕获

try catch

其实捕获异常是咱们最关注的问题，咱们不会没事本身new出来一个异常吧，那不是没事干了吗，咱们了解异常是为了更好的处理它们。和其它的后端语言同样，javascript使用try{}catch(){}捕获异常，

try{
  //可能出现异常的代码部分  
}catch(e){
    //处理异常
}finally{
    //任什么时候候都会执行
}

弄个实际的例子

try{
	unde  //未定义的变量
}catch(e){
	console.dir(e);
}finally{
	alert("finally");
}

这就是捕获代码自己出现的错误，咱们能够认为的抛出一些异常，这就是throw关键字的做用了，看两个例子

try{
  throw new Error("抛出一个异常");  //抛一个异常
}catch(e){
  alert(e.message);   //catch到异常
}

再看一个

try{
  throw("抛出一个异常");  //抛一个字符串
}catch(e){
  alert(e);   //catch到这个字符串
}

throw能够抛出任何的对象，在catch中能够捕获到。

onerror

另一种捕获javascript的异常就是window.onerror = function(){}，就是和普通的事件同样，监听异常事件，他有一些参数，各个浏览器可能会不一致，看看具体的用法

window.onerror = function(message, URI, lineNumber,columnNumber,errorObj) {
       console.log("错误信息：" , nessage);
       console.log("出错文件：" , URI);
       console.log("出错行号：" , lineNumber);
       console.log("出错列号：" , columnNumber);
       console.dir(errorObj);
    }
throw new Error("个人异常');

结果是这样的：

虽然咱们捕获了出现的异常，可是浏览器仍是默认会把错误信息显示出来，咱们在window.onerror = function(){} 加个返回值return true就不会显示默认的错误信息了，这样

window.onerror = function(message, URI, lineNumber,columnNumber,errorObj) {
       console.log("错误信息：" , nessage);
       console.log("出错文件：" , URI);
       console.log("出错行号：" , lineNumber);
       console.log("出错列号：" , columnNumber);
       console.dir(errorObj);
       return true;
    }
throw new Error("个人异常');

这样就不显示浏览器默认的错误信息了。利用这个咱们就能够忽略全部的错误了，能够搞下恶做剧啥的，就这样

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

其实若是咱们不从新onerror这个方法，原来就是空的，因此不写的话咱们得不到一些异常信息。

异步中的异常

首先咱们看一下简单的异步函数，最简单的就是setTimeout了

setTimeout(function(){console.log(1)},1000);

That's all，简单吧，骗你的，异步之后会将的，先这样哈，异步不是今天的主角，咱们在异步函数中抛出一个异常试试

setTimeout(function(){throw new Error("个人异常")},1000);

如今咱们进行异常的捕获，第一个方法try catch

try{
  setTimeout(function(){throw new Error("个人异常")},1000);  
}catch(e){
  alert(e.message);  
}

这样累死也捕获不到异常的，由于当trycatch执行的时候 function(){throw new Error("个人异常")尚未在内存堆栈中呢，这个你们先有点印象，之后在异步中会详细说的，记住这样是不能捕获错误的。

固然你在里面这样是能够捕获的

setTimeout(function(){
                            try{throw new Error("个人异常")
                                }catch(e){
                                           alert(e.message);  
                                            }
                    },1000); 

咱们可使用window.onerror的方式来捕获异步的异常，这样

window.onerror = function(message, URI, lineNumber,columnNumber,errorObj) {
       console.log("错误信息：" , message);
       console.log("出错文件：" , URI);
       console.log("出错行号：" , lineNumber);
       console.log("出错列号：" , columnNumber);
       console.dir(errorObj);
	   return true;
    }
setTimeout(function(){throw new Error("个人异常")},1000);

这样确定是能够的，由于是属于监听的方式，啥时候有错误啥时候执行。

小结

这样，咱就了解了javascript的异常处理的基础了，有兴趣的同窗再深刻了解吧。