debugger 语句任何可用的调试，例如设置断点。 如果没有调试可用，则此语句不起作用。(MDN)

debugger 通常用于调试，主要是为了设置断点。

如果浏览器 debugger，那碰到 debugger 就会暂停程序的执行，提供调试，如单步调试、跳出当前、结束调试等。

debugger; // 设置断点

在需要设置断点的地方写上 debugger 即可。

console.log();

var str = '暂停';

debugger; // 设置断点

console.log(str);

console.log( + );

断点设置好之后可以在开发者工具的 Sources 面板进行调试。

假设对其他网站的某个实现细节很感兴趣，但又不能直接窥探出原理，也可以借助断点来进行调试。

这种情况下需要在 开发者工具 的 Sources 面板找到对应的源码，打上断点。

在源码的对应行号出点击，即可设置上断点，如果是已经执行过的，则需要刷新才会在断点处暂停程序。

很多情况下，都会利用事件来定位源码位置。

节点上的事件，可以通过 Elements 面板的 Event Listeners 来查看定位。

debugger 用于设置断点，调试非常有用。

如果没有特殊需求，一定要确保线上 debugger 不会被执行！一定要确保线上 debugger 不会被执行！一定要确保线上 debugger 不会被执行！
这一点非常关键，带上线了直接影响体验，可能公司第二天就倒了。