携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第2天，点击查看活动详情

流程1：打上断点

方式一：编辑器内

在一行代码的前面或者后面写上debugger 运行到这的时候就会停止啦

方式二：浏览器控制台内

直接在控制台的source目录下点击左边的行数即可

然后刷新一下

流程2：遇上断点

遇到断点后，程序会停止运行，此时注意，控制器里打断点的那行代码并没有被执行， 第一个按钮是一直执行到下一个断点的意思吗，直到运行完毕 第二个按钮是进行下一步，也就是执行下一个逻辑，又或者说，【按逻辑（比如会遇到 if 那些）去执行下一行代码】。

流程3：查看变量

Scope 是作用域的意思

• Local：当前作用域内的变量；
• Closure：闭包
• Global：全局变量

Done

提示

提醒一句：对有异步代码的文件进行断点时有个小提醒，可能你在断点的情况下正常运行了，但不断点的情况下就不正常了，这时候就要想到异步的时机问题，可能断点的时候异步就执行完了。