有时候JS某一处报错会导致整个页面JS的运行出问题，于是想的简单研究一下JS的错误处理机制。更详细的可以自己参考网站研究:
1.两个经常可能出现的错误
1.变量未定义
界面报错:
2.语法错误
界面报错:
2. 针对上面两个错误进行简单处理(以第一个错误为例子)。。自己感觉JS错误机制特别像Java的异常机制
1.try...catch... 进行简单处理
2.try..catch...finally...的使用
3.也可以直接try...finally...进行处理
3.常见的错误类型
JS定义了7种错误类型，如下:
- Error ‰
- EvalError
- RangeError ‰
- ReferenceError ‰
- SyntaxError ‰
- TypeError ‰
- URIError
说明：
- Error类型是基本的错误类型，其他类型都继承自这个类型。
- EvalError 类型的错误会在使用 eval()函数而发生异常时被抛出
- TypeError 类型在 JavaScript 中会经常用到，在变量中保存着意外的类型时，或者在访问不存在的 方法时，都会导致这种错误
- 一般情况，不同的错误，处理方式不一样。
例如:
4.巧用throw关键字抛出异常
1.抛出JS内置的错误异常类型
例如:
会弹出 引用异常。
2.抛出自定义的错误异常类型
结果会弹出 引用异常 yyyc
5.项目种使用try...catch...
今天在使用amcharts插件的时候快速点击按钮刷新页面的时候报错，估计原因是刷新太快导致插件根据ID获取元素的时候获取不到元素，但是调用innerHtml的时候报错。
最后我的解决办法是try...catch... 包住报错的代码，在catch种用console.log打印记录错误信息。
而且try...catch...结合console.log也可以帮我们排错，每次try...catch...一小块代码，并且cosole.log()错误信息可以定位到出错的代码
在JS脚本的编写中，console.log也是进行日志记录的一种常用方式，类似于 我们在Java中的Logger进行日志记录，便于我们排错。