如何掌握6种JavaScript打断点技巧？

本文共计1081个文字，预计阅读时间需要5分钟。

本篇文章为家长总结分享6种JavaScript的调试技巧，值得学习收藏，快来围观一下吧！希望对大家有所帮助！

+ Debugger + 是前端开发非常重要的一款工具，它可以帮助我们在关心的代码处进行调试。

本篇文章给大家总结分享6种JavaScript的打断点的方式，值的学习收藏，快来看看你用过几种吧？希望对大家有所帮助！

Debugger 是前端开发很重要的一个工具，它可以在我们关心的代码处断住，通过单步运行来理清逻辑。而 Debugger 用的好坏与断点打得好坏有直接的关系。

Chrome Devtools 和 VSCode 都提供了 Debugger，它们支持的打断点的方式有 6 种。

普通断点

在想断住的那一行左侧单击一下就可以添加一个断点，运行到该处就会断住。

这是最基础的断点方式，VSCode 和 Chrome Devtools 都支持这种断点。

条件断点

右键单击代码所在的行左侧，会出现一个下拉框，可以添加一个条件断点。

输入条件表达式，当运行到这一行代码并且表达式的值为真时就会断住，这比普通断点灵活些。

这种根据条件来断住的断点 VSCode 和 Chrome Devtools 也都支持。