Deno 是一种现代化的 JavaScript / TypeScript 运行环境，拥有许多用户友好的特性，如安全性、基于模块化、更加简洁的 API、内建的 TypeScript 支持等等。在前端开发中，我们常常需要读取文件并将它们返回给前端，而 Deno 也提供了一种简单而强大的方法来实现这个目的。
Deno 中读取文件的 API
Deno 提供了文件读写的引用 API，通过引用 Deno 对象，我们可以使用 Deno.readFile 方法读取文件。
const file = await Deno.readFile('./path/to/file');这个方法返回一个 Uint8Array 类型的 buffer，我们可以使用 TextDecoder 对象将其解码成字符串。
const file = await Deno.readFile('./path/to/file');
const text = new TextDecoder().decode(file);
console.log(text); // 输出文件内容同时，Deno 也提供了一个更简单的方法来读取文件，只需调用 Deno.readTextFile 即可。
const text = await Deno.readTextFile('./path/to/file');
console.log(text); // 输出文件内容将文件返回给前端
既然我们已经成功地读取了文件，下面我们来看看如何将它们返回给前端。首先，我们需要创建一个 HTTP 服务器来监听来自客户端的请求。Deno 提供了一个简单的模块 http，它包含一个 HTTP 服务对象和一些与 HTTP 请求和响应有关的方法。
-- -------------------- ---- ------- ------ - ----- - ---- --------------------------------------- ----- ---- - ----- ----- ------ - ------- ---- --- ------------------- ------- -- ---- ---------- --- ----- ------ ------- -- ------- - ----------------- ----- ------ ------ --- -
这个简单的服务器会在 localhost:8000 上运行，并且在客户端向它发送请求后会响应 "Hello Deno!"。
接下来，我们要在服务器中读取文件，并将其内容返回给前端。下面是一个示例：
-- -------------------- ---- -------
------ - ----- - ---- ---------------------------------------
------ - ------------ - ---- ----------------------------------
----- ---- - -----
----- ------ - ------- ---- ---
------------------- ------- -- ---- ----------
--- ----- ------ ------- -- ------- -
----- ---- - ------------------
--- -
----- ------- - ----- -------------------
----------------- ----- ------- ---
- ----- ------- -
----------------- ------- --- ---
-
-在这个示例中，我们从客户端请求的 URL 中获取文件路径，然后使用 readTextFile 读取文件内容，并将其以字符串的形式返回给前端。如果文件不存在，则返回一个 404 响应。
结论
使用 Deno 读取文件并将其返回给前端是一项非常简单而强大的技能，尤其是在处理后端的文件读写时。通过 Deno 的内置模块和简单易懂的接口，我们可以轻松地完成这项任务。再加上 Deno 提供的 TypeScript 支持，我们可以在代码的可读性和可维护性方面获得更多好处。我相信，学习 Deno 读写文件的知识有很大的指导意义，可以使我们更加高效地进行前端开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673450290bc820c582484f30