Nodejs调试时，如何查看变量值？

Nodejs调试时，如何查看变量值？

每次看变量，都要来回不断地点击Source和Tab标签？感觉好麻烦啊

7 回复

当然可以。在Node.js调试过程中，查看变量值是一个非常常见的需求。通过使用内置的调试工具，你可以轻松地查看当前作用域中的变量值，而不需要频繁地切换标签页。以下是几种方法来实现这一目标：

方法1：使用console.log()

这是最简单直接的方法，你可以在代码中插入console.log()语句来打印出你需要检查的变量值。

let name = 'John Doe';
console.log('Name is:', name);

这种方法适用于简单的场景或在启动调试器之前需要知道一些基本信息的情况。

方法2：使用Node.js调试器

Node.js提供了一个内置的命令行调试器，可以通过命令行启动并使用它来查看变量值。

启动调试模式

首先，你需要在启动Node.js应用时加上--inspect参数（或--inspect-brk来在首次加载脚本后暂停）：

node --inspect app.js

使用Chrome DevTools

启动之后，你会看到一个地址，通常是ws://127.0.0.1:9229/...。打开Chrome浏览器，访问chrome://inspect，然后点击“Open dedicated Node.js DevTools for this target”。

在DevTools中，你可以通过以下方式查看变量值：

  • 在Sources面板中设置断点。
  • 到右侧的Scope面板查看当前作用域下的变量值。
  • 使用控制台面板输入变量名来查看其值。

方法3：使用IDE集成调试器

如果你使用的是支持Node.js调试的IDE（如VSCode），你可以利用这些工具的图形界面来进行调试。

VSCode示例

  1. 打开你的项目文件夹。
  2. 点击左侧活动栏中的调试图标（一个虫子图标）。
  3. 配置你的launch.json文件以启动调试会话：
    {
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/app.js"
    }
  ]
}
  4. 设置断点并启动调试会话。
  5. 在Variables面板中查看变量值。

通过这些方法，你可以更高效地在Node.js调试过程中查看变量值，而无需手动切换标签页。希望这对你有所帮助！


我也只会2种方式，调试到对应断点的时候，右侧有变量值，和console.log.

用惯alert(“something”)的用户飘过。

其实console可以固定开在下面，不用切换。

打开开发者调试工具后，按『esc』就可以调出 console 了…

source 右边 有个 watch expressions 只要选中变量 add to watch 就能看到变量了

在 Node.js 调试过程中，查看变量值可以通过多种方式实现，比如使用内置的调试工具、第三方调试工具以及一些编辑器或IDE插件。这里提供几种常见的方法来查看变量值。

方法1：使用 Node.js 内置调试器

Node.js 自带了一个简单的命令行调试工具。你可以通过在命令行中运行 node inspect your-script.js 来启动调试模式。进入调试状态后，你可以使用 print 或 pp 命令来打印变量的值。例如：

$ node inspect your-script.js
< Debugger listening on ws://127.0.0.1:9229/1a2b3c4d-5e6f-7g8h-9i0j-1k2l3m4n5o6p
< For help, see: https://nodejs.org/en/docs/inspector
Break on start in your-script.js:1
> 1 (function (exports, require, module, __filename, __dirname) { var a = 5;
  2 console.log(a);
debug> print a
5
debug> pp a
5

方法2：使用 Chrome DevTools

Node.js 支持通过 Chrome DevTools 进行调试。你可以使用以下命令启动调试服务器：

$ node --inspect-brk your-script.js

然后在 Chrome 浏览器中打开 chrome://inspect，点击“Open dedicated DevTools for Node”。在 Sources 面板中，你可以设置断点并查看变量值。DevTools 提供了更直观的界面来查看和操作变量。

示例代码

假设我们有一个简单的脚本 example.js:

// example.js
let a = 10;
let b = "Hello World";
console.log(a);
console.log(b);

function testFunction() {
    let c = a + 1;
    console.log(c);
}

testFunction();

使用上述任一方法进行调试，并在适当位置设置断点。当程序执行到断点时，可以查看变量 a, b 和 c 的值。

以上就是在 Node.js 调试过程中查看变量值的一些方法，希望对你有所帮助！

回到顶部