使用 Deno 中的 Fetch API 访问网络资源-JavaScript中文网-JavaScript教程资源分享门户

前言

Deno 是一个现代化的 JavaScript 和 TypeScript 运行时环境，它在许多方面都比 Node.js 更加先进和强大。其中一个重要的特性就是内置了 Fetch API，这使得在 Deno 中访问网络资源变得非常容易和方便。本文将介绍如何在 Deno 中使用 Fetch API 访问网络资源，并提供一些示例代码和实用技巧。

Fetch API 简介

Fetch API 是一种用于获取资源的接口，它使用 Promise 对象封装了底层的 HTTP 请求和响应。Fetch API 的主要优点是它比传统的 XMLHttpRequest 对象更加简单和易于使用，而且支持 Promise 和 async/await 语法，这使得异步编程变得更加直观和容易。

在 Deno 中，Fetch API 是一个内置的全局函数，可以直接使用。它的基本用法如下：

const response = await fetch(url);
const data = await response.text();
console.log(data);

这段代码会向指定的 URL 发送一个 HTTP GET 请求，并返回一个 Promise 对象。当 Promise 被解析时，我们可以从响应对象中获取响应的数据，并进行相应的处理。在上面的例子中，我们使用了 text() 方法来获取响应的文本内容。

使用 Fetch API 发送 HTTP 请求

在 Deno 中使用 Fetch API 发送 HTTP 请求非常简单，只需要调用 fetch() 函数并传入要请求的 URL 即可。Fetch API 支持各种类型的请求，包括 GET、POST、PUT、DELETE 等等。下面是一个简单的例子，演示如何使用 Fetch API 发送一个 GET 请求：

const response = await fetch('https://jsonplaceholder.typicode.com/posts');
const data = await response.json();
console.log(data);

在这个例子中，我们向 JSONPlaceholder API 发送了一个 GET 请求，并通过 json() 方法将响应的 JSON 数据解析为 JavaScript 对象。最后，我们将解析后的数据打印到控制台。

除了 GET 请求，我们还可以使用 Fetch API 发送其他类型的请求。例如，如果要发送一个 POST 请求，可以这样做：

-- -------------------- ---- -------
----- -------- - ----- --------------------------------------------------- -
  ------- -------
  ----- ----------------
    ------ ------
    ----- ------
    ------- --
  ---
  -------- -
    --------------- ------------------ ---------------
  --
---

----- ---- - ----- ----------------
------------------

在这个例子中，我们向 JSONPlaceholder API 发送了一个 POST 请求，并将一个 JSON 对象作为请求体发送。在 headers 属性中，我们指定了请求体的类型为 JSON。

处理 HTTP 响应

在使用 Fetch API 发送请求后，我们需要处理响应并从中提取所需的数据。Fetch API 提供了许多方法来处理响应，包括 text()、json()、blob()、arrayBuffer() 等等。这些方法都返回 Promise 对象，因此我们可以使用 async/await 语法来处理它们。

下面是一个使用 Fetch API 处理响应的例子：

const response = await fetch('https://jsonplaceholder.typicode.com/posts');
const data = await response.json();
console.log(data);

在这个例子中，我们使用了 json() 方法来解析响应的 JSON 数据，并将解析后的数据打印到控制台。如果响应的数据不是 JSON 格式，我们可以使用其他方法来处理它们。

捕获错误

在实际开发中，我们需要处理许多不同类型的错误，包括网络错误、服务器错误、请求超时等等。在使用 Fetch API 时，我们可以使用 try/catch 语句来捕获这些错误，并进行相应的处理。

下面是一个使用 Fetch API 捕获错误的例子：

try {
  const response = await fetch('https://jsonplaceholder.typicode.com/posts');
  const data = await response.json();
  console.log(data);
} catch (error) {
  console.error(error);
}

在这个例子中，我们使用了 try/catch 语句来捕获可能发生的错误，并将错误信息打印到控制台。如果请求成功，我们将得到响应的数据；否则，我们将得到一个错误对象。

总结

本文介绍了如何在 Deno 中使用 Fetch API 访问网络资源。我们演示了如何发送 HTTP 请求、处理 HTTP 响应以及捕获错误。Fetch API 是一个强大而简单的工具，它可以帮助我们更轻松地访问网络资源，并实现更加高效的异步编程。如果你正在开发 Deno 应用程序，我们强烈建议你尝试使用 Fetch API，它将为你的开发工作带来很多便利和优势。

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