debugger

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

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

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

1. 使用 debugger@H_ 301 _24@

  debugger  ;   // 设置断点 
 

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

 console .  log  (  )  ; 

 var  str  =   ' 在这里 暂停'  ; 

 debugger  ;   // 设置断点 

console .  log  ( str )  ; 

console .  log  (   +   )  ; 
 

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

2. 其他设置断点的方式@H_ 301 _24@

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

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

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

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

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

3. 小结@H_ 301 _24@

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

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

getter & setter ? ?delete 操作符

查看更多关于debugger的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did92440