javascript常见错误与调试

1 错误查看

针对不同的浏览器,错误的提示不同!但错误的提示大同小异,每一个浏览器的查看基本都可以通过F12来查看!方便我们快速的找到相应的问题,通过关键字来抓取有用的信息

2 错误分类
1 代码错误

- syntaxError   //语法错误
注意! 一旦出现语法错误,则整个代码都不会再执行(上下代码块都不会执行)

- referenceError    //引用错误
注意!一旦出现引用错误,则这个代码后面的代码不会再执行(前面的代码不会受影响)

- rangeError    //范围错误
注意!与引用错误是一样的,出现范围错误,则后面的代码不会继续执行

- typeError    //类型使用不当
注意!与引用类型错误是一样的,出现这个错误,则后面的的代码不会执行

2 逻辑错误
//浏览器不会报错,程序正常运行,但是结果不是我们所想要的
Debugger(代码调试)

• 1 在想要调试的地方加上debugger
  

  图片1.png

• 2 再次运行代码,显示进入调试状态

  
  图片2.png

• 第一个按钮：执行到下一个debugger语句。

• F10（第二个按钮）执行当前的代码。

• F11(第三个按钮)进入到当前代码的内部。如果当前代码是一个函数的话，则会进入函数的内部。如果当前代码只是一句普通的代码，则与f10的功能是一样的。

• Shift+f11 (第四个按钮)从函数的内部跳出来。

注意!
在调试的过程中，可以通过鼠标的悬停，查看变量的值

• 3监视变量的变化

图片3.png

3 错误原因
常见的错误原因无非以下几种情况

• 代码字母错误!导致浏览器不能解析
• 代码格式书写错误!没有按照语法格式来写
• 对于有数值的计算,输入的值超出了代码本身的限制
• 数据的类型!没有按照标准书写