JS学习分支和循环的必备技能：断点调试

    相信很多JS语言初学者都会遇到一个很头疼的问题：在学习分支和循环的时候难以理解，总是搞不清程序运行到了哪一步，盯着代码看半个小时也看不出什么端倪来。其实浏览器中提供了一个非常方便的功能，那就是断点调试，可以让我们手动控制程序的运行步骤，并详细观察相关变量的变化。

如图我们创建一个求一组数字中最大值的函数，在浏览器中运行，我们点击 源：

 

 我们想要让程序在哪一步停止运行，就点击哪一行代码，代码就会在那一行终止并形成断点：

 

 接下来我们刷新一下页面，断点就形成了：

 

 点击后，断点处会显示当前相关变量的值，右侧的箭头变为可点击状态，我们只要点击向下的那个箭头就能让代码执行下一步。

 

我们把鼠标移动到相关变量上，就会显示当前这个变量的值，我们也可以在监视框中输入我们想监视的变量，这个变量的值就会实时显示。

 

点击下一步（右上角那个向下的箭头），可以看到刚开始i=1标记为深颜色，现在是length标记为深颜色，说明代码从var i = 1 运行到了 判断语句 i < arguments.length，我们每点击一次下一步，代码就向下一执行一步，这样我们就能在每一步中观察相关变量的变化以及代码运行的情况，对我们理解代码的运行有非常大大帮助。