Deno 是一个现代化的 JavaScript 和 TypeScript 运行时环境，它提供了一些强大的功能，如安全性、模块化、异步 I/O 等。Fetch API 是 Deno 的一个内置模块，它允许我们从远程服务器获取数据。本文将介绍如何在 Deno 应用程序中使用 Fetch 进行数据请求的技巧。
Fetch API 简介
Fetch API 是一种用于获取和发送数据的接口，它使用 Promise 实现异步操作。Fetch API 可以访问网络资源，如 JSON 数据、文本或二进制文件等。它支持跨域请求和 HTTP 身份验证，以及允许您在请求过程中使用流和管道。
Fetch API 的基本语法如下：
fetch(url, options) .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error));
其中，url 是请求的 URL，options 是一个可选的配置对象，用于指定请求的参数，如请求方法、请求头、请求体等。fetch 函数返回一个 Promise，它解析为一个 Response 对象，表示从服务器返回的响应。我们可以使用 then 方法来处理响应数据，或使用 catch 方法来处理错误。
在 Deno 中使用 Fetch API
在 Deno 中使用 Fetch API 非常简单，只需要在代码中导入 fetch 模块即可：
import { fetch } from "https://deno.land/std@0.100.0/fetch/mod.ts";然后，我们就可以使用 fetch 函数来发送 HTTP 请求了。例如，以下代码将从 GitHub API 获取一个用户的信息：
const username = "octocat";
const url = `https://api.github.com/users/${username}`;
fetch(url)
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));在这个例子中，我们使用模板字符串来构建请求的 URL，然后使用 fetch 函数发送请求并处理响应数据。如果请求成功，我们将使用 json 方法将响应数据解析为 JSON 格式，并将其打印到控制台。如果请求失败，我们将打印错误信息。
Fetch API 的高级用法
Fetch API 还支持一些高级用法，例如设置请求头、请求方法、请求体等。以下是一些示例代码：
设置请求头
-- -------------------- ---- -------
----- --- - -------------------------------
----- ------- - -
-------- -
---------------- ------- ----------
--------------- ------------------
-
--
---------- --------
-------------- -- ----------------
---------- -- ------------------
------------ -- ----------------------在这个例子中，我们使用 headers 选项来设置请求头，其中包括身份验证令牌和请求体的 MIME 类型。
设置请求方法
-- -------------------- ---- -------
----- --- - -------------------------------
----- ------- - -
------- -------
-------- -
--------------- ------------------
--
----- ----------------
----- -------
---- --
--
--
---------- --------
-------------- -- ----------------
---------- -- ------------------
------------ -- ----------------------在这个例子中，我们使用 method 选项来设置请求方法为 POST，并使用 body 选项来设置请求体为 JSON 格式。
使用流和管道
const url = "https://api.example.com/data";
const response = await fetch(url);
const file = await Deno.open("output.txt", { write: true, create: true });
await Deno.copy(response.body, file);
file.close();在这个例子中，我们使用 fetch 函数获取一个响应对象，然后使用 body 属性获取响应体的读取器。接下来，我们使用 Deno.open 函数打开一个文件，并使用 Deno.copy 函数将响应体的数据流复制到文件中。
总结
Fetch API 是 Deno 的一个内置模块，它提供了一种简单而强大的方式来发送 HTTP 请求和处理响应数据。本文介绍了 Fetch API 的基本语法和高级用法，并提供了一些示例代码，希望能够帮助您更好地理解和使用 Fetch API。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/658d6380eb4cecbf2d35887a