web api和接口有什么区别？答案

【问题标题】：What is the difference between web api and interface?web api和接口有什么区别？
【发布时间】：2020-10-25 13:44:11
【问题描述】：

以下链接指向 MDN 页面，其中列出了许多 Web API 和接口：

https://developer.mozilla.org/en-US/docs/Web/API

但是，没有说明 Web API 和接口之间的主要区别是什么。在这个意义上，我也没有成功地在谷歌上搜索任何关于接口的信息。

作为一名缺乏经验的开发人员，我想了解区分 Web API 和接口的理论特征（要点）。

有人可以向我解释一下吗？或者参考我在哪里可以了解更多信息？

例如，在我所指的链接中，CSSOM 模型被视为一组 API，并列在 WEB API 的类别下，而 CSSStyleDeclaration 则被视为 INTERFACE，并列在接口的类别下。我对这两个类别（Web API 和接口）之间的区别特别感兴趣？

【问题讨论】：

在web中运行的API简单来说就是web api。构建一个简单的 api，你就会开始理解它。我们主要使用web api与分布式系统进行通信。
@yogihosting — 这不是 API 引用的页面的含义。
@yogihosting 问题是关于 web api 和 interface 之间的区别，而不是关于什么是 web api。
@LinasM。 API 中的“我” = 接口。
其实我觉得是把Web API分为Specifications和Interfaces，第一段把接口定义为对象类型。

标签： javascript interface webapi

【解决方案1】：

包括我在内的很多人都可以互换使用它们（如“屏幕对象的 API”或“请求库的接口”），但是 MDN 更精确，并将 API 定义为涉及多个接口的规范，以及作为对象类型的接口（即对象上有哪些方法可用）。

以 URL API 为例，这是最简单的 API 之一：

URL API 是 URL 标准的一个组成部分，它定义了构成有效统一资源定位器的要素以及访问和操作 URL 的 API。 URL 标准还定义了域、主机和 IP 地址等概念，并尝试以标准方式描述用于提交 Web 表单内容的遗留应用程序/x-www-form-urlencoded MIME 类型作为一组密钥/值对。 -- https://developer.mozilla.org/en-US/docs/Web/API/URL_API

URL API 只定义了 URL 和 URLSearchParams 两个接口：

URL API 是一个简单的 API，它的名称只有几个接口...--（上面链接的底部）。

URL 接口 (https://developer.mozilla.org/en-US/docs/Web/API/URL) 定义了构造函数采用的参数、可用的属性以及从 URL 构造函数返回的对象上可用的方法和静态方法。

【讨论】：

【解决方案2】：

tl;dr：只需将规范视为一组一个或多个相关接口。

例如，文档对象模型 (DOM) 规范不能直接在您的 JavaScript 代码中使用。然而，DOM 有许多接口，您可以实例化和使用方法（Document、Element、DOMString 等）。

【讨论】：