JS中的错误分类及错误的查找调试

js中的错误

错误分类

根据浏览器的处理不同,把错误分成两类:

1.代码错误。浏览器会主动报错的错误。
2.逻辑错误。浏览器不会报错的错误,但执行的结果与我们想的不一致。

代码错误

常见的有4种代码错误:

    1. Syntax Error:语法错误
      最好的错误也是最坏的错误
    1. ReferenceError:引用错误
      最常见的错误;代码执行后才发现
    1. RangeError:数值超出范围
      定义数组时,长度为负值
    1. TypeError:类型错误
      在需要函数的地方不给函数
  1. 语法错误
    代码写错了,不符合js的要求。
    JS中的错误分类及错误的查找调试

Uncaught: 没有捕获的
Unexpected:没有期待的,不需要,多余的
Token: 符号。
不需要符号)
解决错误的方法:把代码改对。

  1. ReferenceError:引用错误一般是使用了没有定义的变量
    JS中的错误分类及错误的查找调试

解决方法:先定义变量,再使用。

  1. RangeError:数值超出范围
    Range:范围,区间。定义数组时,长度为负值

    JS中的错误分类及错误的查找调试

  2. TypeError:类型错误
    原因:类型不对。

    JS中的错误分类及错误的查找调试
    相同的错误,在不同的浏览器中提示不一样JS中的错误分类及错误的查找调试

4种常见的代码错误的区别
语法错误一旦发生,则整个代码段都不会执行。
JS中的错误分类及错误的查找调试
其它的3种错误一旦发生,则其后的代码都不会执行。JS中的错误分类及错误的查找调试

错误的建议
在此处收集后面学习过程中遇到的各种js错误:希望以后我们要学会珍惜她,遇到了就列个表格,将错误关键字及原因和解决方案写下来。

  1. 逻辑错误(这是由于程序员自身的问题)
    浏览器能够正确地执行你的代码,但,执行的结果不是我们想要的。
    JS中的错误分类及错误的查找调试我们通过设置一些输出,来监听变量的值。
    JS中的错误分类及错误的查找调试

程序调试,发现并改正错误

在js代码的任何地方加
Debugger;

JS中的错误分类及错误的查找调试

四个操作
JS中的错误分类及错误的查找调试

watch面板
JS中的错误分类及错误的查找调试

添加删除断点
JS中的错误分类及错误的查找调试
JS中的错误分类及错误的查找调试

错误 小结

形成正确的错误观。
(1)错误是必不可少的。
(2)有错误,要珍惜!
(3)要会用调试工具!