简介
在前端开发中，调试代码常常是开发者面临的问题。这时我们需要一个可以帮助我们快速定位代码问题的工具，npm 包 breaky 就提供了一种解决方案。
breaky 可以自动监控代码的执行，当执行到某一行代码时，可以在控制台输出执行到该行的调用栈和变量值，帮助我们更快定位代码问题。
安装
我们可以通过 npm 安装 breaky 包，方法如下：
npm install breaky --save-dev
使用
在需要监控的文件中，引入 breaky：
const breaky = require('breaky');接下来，在需要监控的代码行前加上 breaky 的调用：
breaky();
这时在控制台运行该文件，当执行到该行代码时，控制台将会输出以下信息：
breaky at file/path.js:1:1
表示 breaky 成功被调用。
进阶
我们还可以传递参数给 breaky，以获取更详细的调用栈和变量信息。
调用栈信息
我们可以添加一个布尔型参数，以获取当前函数的调用栈信息：
breaky(true);
这样我们在控制台将会看到类似如下的信息：
breaky at file/path.js:1:1 Call stack: at file/path.js:4:10 at file/path.js:8:5
表示当前函数的调用栈信息，从上到下按照调用顺序记录。
变量信息
我们还可以添加一个字符串参数，以获取指定参数的变量值：
breaky('variable');假设我们有以下代码：
function add(a, b) {
const c = a + b;
breaky('c');
return c;
}
const result = add(1, 2);通过添加变量名，我们可以在控制台看到这个变量当前的值：
breaky at file/path.js:5:3 Call stack: at file/path.js:7:9 Value of c: 3
结语
通过使用 npm 包 breaky，我们可以在开发过程中更快地定位代码问题，提高代码调试效率。除此之外，我们还可以通过传递参数的方式，获取更详细的调用栈和变量信息，帮助我们更快速地定位问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c87ccdc64669dde4ff2