简介
Deno是一个基于V8引擎和Rust语言构建的安全的JavaScript/TypeScript运行时。相较于Node.js,Deno不使用npm,而是采用ES模块的方式加载外部模块。近年来,Deno的使用率越来越高,但是,开发者在使用Deno进行前端开发时,必须要学会如何调试和测试代码。
本文将详细讲述Deno如何调试和测试代码,并提供应用示例和指导意义。
如何调试
Deno支持在代码中使用console.log打印信息,但是,当需要针对代码的具体问题进行调试时,就需要使用调试器。本文介绍两种调试方式:使用Deno VSCode插件和使用Chrome DevTools。
使用Deno VSCode插件
Deno的官方VSCode插件提供了调试器的功能。首先,在VSCode中安装Deno插件。然后,打开需要调试的文件,点击代码边栏中的调试按钮,选择Deno。此时,VSCode将在文件中插入一个断点。接下来,运行代码,Deno插件将自动打开调试视图,并在断点处暂停。
在调试视图中,您将看到已暂停的线程和变量。在调试视图的顶部,您将看到几个按钮,例如继续执行、单步执行、跳过、重启和停止。通过这些按钮和变量跟踪功能,您可以方便地调试Deno代码。
使用Chrome DevTools
如果您更习惯使用Chrome DevTools进行调试,Deno也可以很容易地进行配置。首先,在终端中运行以下命令行:
deno run --inspect-brk your-script.ts
此命令行将Deno进程绑定到特定的调试器端口,等待调试器与其连接。
接下来,打开Chrome浏览器,访问chrome://inspect,点击“Open dedicated DevTools for Node”按钮,即可打开Chrome DevTools。
在Chrome DevTools中,可以在Sources面板中看到Deno源文件列表。选择您要调试的文件,然后在源代码中插入断点,通过按钮和变量查看器进行调试。
如何测试
自动化测试可以有效地减少代码错误和BUG。在Deno开发中,您可以使用Deno的内置测试运行器来测试代码。该测试运行器被称为测试套件,它允许开发者编写测试代码,并检查代码的行为是否符合预期。本文将介绍如何使用测试套件进行单元测试。
创建测试文件
创建一个名为test.ts的文件,用于编写测试代码。例如,创建一个名为add.ts的文件,其中包含一个函数用于添加两个数字。
export function add(num1: number, num2: number): number { return num1 + num2; }
在test.ts文件中,导入add.ts文件中的函数,并编写测试代码。例如,为add函数编写测试代码:
-- -------------------- ---- ------- -- -------- ------ - --- - ---- ----------- -- ---- -------------- ---------- -- -- - ----- ------ - ------ --- -- ------- --- -- - ----- --- --------------- - --- --- - - -------- - ---
在代码中使用Deno.test方法,接收一个描述性字符串和一个函数。这个函数返回一个结果,用于根据期望结果进行比较。
运行测试
在终端中使用以下命令来运行测试:
deno test
运行结果如下所示:
running 1 test from file:///path/to/test.ts test add function ... ok (17ms) test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out (29ms)
通过上述命令行,Deno将自动找到test.ts文件,并运行测试用例。
总结
本文介绍了Deno如何调试和测试代码的方法。通过使用Deno的内置调试器和测试运行器,您可以轻松地调试和测试Deno代码。此外,本文提供了示例代码和指导意义,希望对您有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6495325748841e989427420b