在 Deno 中调用外部 API-JavaScript中文网-JavaScript教程资源分享门户

Deno是一种新型的现代Web开发运行时环境，使用标准的ES模块和TypeScript进行编写。Denno还提供了强大的工具来构建现代Web应用程序，其中一个最重要的功能就是能够轻松地调用外部API。这篇文章将介绍如何在Deno中调用外部API。

使用Fetch API访问外部API

在Deno中，使用Fetch API能够轻松地访问第三方API。Fetch API支持Promise并返回Response对象，我们可以使用该对象读取返回值并处理响应。

以下是一个使用Fetch API的基本示例：

const url = "https://jsonplaceholder.typicode.com/todos/1";
const response = await fetch(url);
const data = await response.json();
console.log(data);

首先定义你要请求的API地址，在上面的示例中，我使用http://jsonplaceholder.typicode.com/api/hello来测试代码。

然后使用fetch函数发送请求并提供url作为参数。fetch函数返回通用Response对象，该对象包含来自服务端的API响应。可以使用response.json()方法，通过promise异步方法得到JSON格式的数据。然后可以以任何方式使用获得的数据。在上面的示例中，我使用console.log（）将其日志出来。

HTTP库Axios

Fetch api虽然简单易用，但它有些局限性。例如，无法取消请求，也无法在请求时设置超时时间。有一些外部API需要进行身份验证，而Fetch API在处理这个方面也较为困难。要解决这些问题，可以使用axios库。

Axios是一个流行的JavaScript库，它可以在浏览器和Node.js中使用。它基于Promises，支持拦截请求和响应等功能。

以下是基本使用Axios的示例：

import axios from 'https://deno.land/x/axios/mod.ts';

const url = "https://jsonplaceholder.typicode.com/todos/1";
const response = await axios.get(url);
const data = response.data;
console.log(data);

使用axios要求您首先从Deno官方第三方Deno库中导入axios模块。然后使用get（）方法获取相应的数据。在上述示例中，我们还提取response.data属性以获取JSON数据。

结论

在Deno中，您可以使用fetch API或axios库轻松访问外部API。Fetch API简单明了，使用起来很容易。但是如果你需要更多的可控性并且需要通过更多的方式定制HTTP请求，那么你可以考虑使用axios。我推荐初学者使用fetch API并逐步升级到使用axios。

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