Deno 中如何对代码进行调试？-JavaScript中文网-JavaScript教程资源分享门户

Deno 是一个基于 V8 引擎的可用于编写 JavaScript 和 TypeScript 的运行时环境，它是新型的浏览器和 Node.js 的替代品。作为一名前端开发人员，你可能已经开始使用 Deno 作为你的工具之一了。在开发过程中，难免会出现一些 bug 或错误，这时候调试将变得非常重要。那么，在 Deno 中如何对代码进行调试呢？接下来，本文将详细讨论如何在 Deno 中进行代码调试，包括几个常用的调试方法和调试工具。

常用的调试方法

1. 使用 console.log()

一种最简单的调试方法是使用 console.log() 在运行时输出一些信息。console.log() 是一个非常简单但是有用的调试工具，它可以帮助你输出变量和对象的值，以及一些运行时信息。

function add(a: number, b: number) {
  console.log(`Adding ${a} and ${b}`);
  return a + b;
}

add(1, 2);

2. 使用 --inspect 标志和 Chrome 开发者工具

Deno 支持 Chrome 开发者工具，你可以使用 --inspect 标志来开启它。运行你的应用程序时，使用该标志可以向 Inspect 协议绑定一个 WebSocket，然后使用 Chrome 进行连接。

deno run --inspect example.ts

运行上述命令后，你需要打开 Chrome 浏览器，并输入 chrome://inspect 来打开 Chrome 开发者工具的 Inspect 面板。

在面板的 Remote Targets 部分，可以看到你正在运行的 Deno 进程，点击下面的 Inspect 按钮即可打开 Chrome 开发者工具的调试器。

3. 使用 VS Code 和 Deno 扩展

Deno 还提供了一个 Visual Studio Code 的扩展程序，它可以帮助你更方便地进行代码调试。在你的项目中安装 Deno 扩展后，你可以使用它来运行和调试你的代码，以及利用其内置的调试器进行设置和断点。

调试工具

1. Deno Debug

Deno Debug 是一个用于 debug Deno 的工具。它可以帮助你检查代码，并在遇到错误时获取有用的信息。在你的代码中加入 debugger;，它就会在该处暂停，并跳转到调试器界面。可以使用 n 字符继续执行下一行代码，或者 c 字符直接跳过到下一个断点。

function add(a: number, b: number) {
  debugger;
  console.log(`Adding ${a} and ${b}`);
  return a + b;
}

add(1, 2);

运行该代码时，Deno Debug 会在控制台输出一个 URL 地址，你可以将其复制到 Chrome 浏览器中打开调试器，就能够像前面介绍的方法一样调试你的代码了。

deno --inspect-brk example.ts

2. Trace

Trace 是 Deno 提供的另一个非常有用的工具，它可以帮助你跟踪运行时的性能瓶颈。它可以记录代码中的所有 I/O 操作、异步操作以及可能导致阻塞的函数调用，并生成一份包含这些信息的报告。

deno run --trace example.ts

运行后会在控制台输出一个文件名，你需要将其用 Chrome 浏览器打开，就能在 Performance 面板中看到生成的报告了。

总结

在 Deno 中进行代码调试是非常重要的，它可以帮助你检查代码中的错误、快速定位问题并解决它们。在本文中，我们介绍了三种常用的调试方法和两种调试工具，希望本文能够帮助你更好地发挥 Deno 的优势，提高开发效率。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65a238bfadd4f0e0ffa4c769

Deno 中如何对代码进行调试？