前言
Deno 是一个近期比较火热的 JavaScript / TypeScript 运行环境,它通过 V8 引擎执行代码,和 Node.js 不同,Deno 采用了安全沙箱机制,脱离 npm,不再需要 package.json 等配置文件,也不依赖全局安装的 Node.js。Deno 从一开始就内置了 TypeScript 支持,使用起来十分方便。
然而,当我们出现问题时,如何在 Deno 中进行调试呢?本文将详细介绍 Deno 的调试方式,并为大家提供实用的指导意义和示例代码。
目录
- Deno 调试方式
- 具体调试流程
- 实例演示
Deno 调试方式
Deno 默认支持 Chrome 开发者工具进行调试,类似于浏览器中的开发者工具,在代码中插入 debugger;
即可暂停程序运行并打开调试器。
值得注意的是,Deno 中的 debugger;
语句只能停止当前文件的执行,无法停止子模块的执行。也就是说,如果你的代码中调用了其他模块(模块 A 调用了模块 B),在模块 A 中插入 debugger;
无法在模块 B 中暂停程序执行。你需要进入模块 B 中插入 debugger;
来调试模块 B。
此外,Deno 还提供了 --inspect
标志来运行脚本,并启用 Chrome 开发者工具的远程调试功能。
具体调试流程
接下来,我们以一个简单的示例来演示具体的调试流程。
创建一个简单的文件
我们首先创建一个简单的 TypeScript 文件 index.ts
:
function add(a: number, b: number): number { return a + b; } console.log(add(1, 2));
该文件仅仅是定义了一个简单的函数,然后输出函数的调用结果。
插入 debugger;
调试语句
为了利用 Chrome 开发者工具进行调试,我们在 index.ts
文件中插入 debugger;
语句:
function add(a: number, b: number): number { debugger; return a + b; } console.log(add(1, 2));
运行脚本并启用远程调试
在命令行中,我们运行如下命令来使用 --inspect
标志启用远程调试:
deno run --inspect index.ts
Deno 将会在默认的 127.0.0.1:9229 上启动一个调试服务器,并监听该地址上的请求。
打开 Chrome 开发者工具
在 Chrome 中打开 chrome://inspect
页面,并点击 Open dedicated DevTools for Node
。
你会看到 DevTools 弹窗提示需要配置 Remote Target
,点击 Configure
配置端口和远程地址。
配置完成后,你就可以在 DevTools 中看到你的脚本运行的具体信息,并进行调试。
实例演示
上面我们已经演示了 Deno 的具体调试流程,下面我们看一个真实的调试例子。
考虑如下代码,我们要使用 Deno 进行调试:
-- -------------------- ---- ------- -- ------- ------ -------- ------ ------- -- -------- ------ - ------ - - -- - ------ -------- ----------- ------- -- -------- ------ - ------ - - -- -
// index.ts import { add } from "./math.ts"; console.log(add(1, 2));
在 index.ts
中,我们只使用了 add
函数。现在我们要在 add
函数中插入 debugger;
语句进行调试。
我们首先需要修改 index.ts
文件:
import { add } from "./math.ts"; debugger; console.log(add(1, 2));
然后在命令行输入如下命令:
deno run --inspect index.ts
最后在 Chrome 开发者工具中进行调试即可。在代码中插入 debugger;
将会暂停程序的执行,你可以在这个时候观察变量的值,继续执行程序等。通过这种方式,可以更加方便地进行调试。
结论
本文详细介绍了 Deno 的调试方式,使用 debugger;
语句可以让我们更加方便地进行调试。此外,Deno 还提供了 --inspect
标志,帮助我们启用 Chrome 开发者工具的远程调试功能,更加方便我们进行调试。
当然,调试一定是针对具体场景的,如果你有更复杂的调试需求,可以访问 Deno 中文官网 寻求更多帮助和支持。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/67051c80d91dce0dc851dced