简介
在前端开发中，调试代码常常是开发者面临的问题。这时我们需要一个可以帮助我们快速定位代码问题的工具，npm 包 breaky 就提供了一种解决方案。
breaky 可以自动监控代码的执行，当执行到某一行代码时，可以在控制台输出执行到该行的调用栈和变量值，帮助我们更快定位代码问题。
安装
我们可以通过 npm 安装 breaky 包，方法如下：
--- ------- ------ ----------
使用
在需要监控的文件中，引入 breaky：
----- ------ - ------------------
接下来，在需要监控的代码行前加上 breaky 的调用：
---------
这时在控制台运行该文件，当执行到该行代码时，控制台将会输出以下信息：
------ -- ----------------
表示 breaky 成功被调用。
进阶
我们还可以传递参数给 breaky，以获取更详细的调用栈和变量信息。
调用栈信息
我们可以添加一个布尔型参数，以获取当前函数的调用栈信息：
-------------
这样我们在控制台将会看到类似如下的信息：
------ -- ---------------- ---- ------ -- ----------------- -- ----------------
表示当前函数的调用栈信息，从上到下按照调用顺序记录。
变量信息
我们还可以添加一个字符串参数，以获取指定参数的变量值：
-------------------
假设我们有以下代码：
-------- ------ -- - ----- - - - - -- ------------ ------ -- - ----- ------ - ------ ---
通过添加变量名，我们可以在控制台看到这个变量当前的值：
------ -- ---------------- ---- ------ -- ---------------- ----- -- -- -
结语
通过使用 npm 包 breaky，我们可以在开发过程中更快地定位代码问题，提高代码调试效率。除此之外，我们还可以通过传递参数的方式，获取更详细的调用栈和变量信息，帮助我们更快速地定位问题。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c87ccdc64669dde4ff2