调试debug

调试debug

• 过去调试JavaScript的方式
  • alert() 不方便，需要点击按钮
  • console.log() 比较方便
• 断点调试

断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。

• 调试步骤

浏览器中按F12-->sources源码-->找到需要调试的文件-->在程序的某一行设置断点
Watch: 监视，可以点击加号添加要监视的变量的值的变化。

• 调试中的相关操作

F5：进行调试状态后，会在断点处停下。
F11：也是单步调试，但是遇到函数会进入函数体内运行。
F10: 程序单步执行，让程序一行一行的执行，遇到函数不进入函数体内。这个时候，观察watch中变量的值的变化。
F8：跳到下一个断点处，如果后面没有断点了，则程序执行结束。

代码调试的能力非常重要，只有学会了代码调试，才能学会自己解决bug的能力。初学者不要觉得调试代码麻烦就不去调试，知识点花点功夫肯定学的会，但是代码调试这个东西，自己不去练，永远都学不会。

MDN

学习一个内置对象的使用，只要学会其常用的成员的使用（通过查文档学习）
内置对象的方法很多，我们只需要知道内置对象提供的常用方法，使用的时候查询文档。

可以通过MDN/W3C来查询

Mozilla 开发者网络（MDN）提供有关开放网络技术（Open Web）的信息，包括 HTML、CSS 和万维网及 HTML5 应用的 API。

• MDN

如何学习一个方法？

1. 方法的功能
2. 参数的意义和类型
3. 返回值意义和类型
4. demo进行测试