javascript - web api和接口(interface)有什么区别？

Question

以下链接指向 MDN 页面，其中列出了许多 Web API 和接口(interface):
https://developer.mozilla.org/en-US/docs/Web/API
但是，没有说明 Web API 和接口(interface)之间的主要区别是什么。在这个意义上，我也没有成功地在谷歌上搜索任何关于接口(interface)的信息。
作为一个没有经验的开发人员，我想了解区分 Web API 和接口(interface)的理论特征(要点)。
有人可以向我解释这一点或引用我在哪里可以阅读更多关于它的信息吗？
例如，在我所指的链接中，CSSOM 模型被视为一组 API，并列在 WEB API 的类别下，而 CSSStyleDeclaration 则被视为 INTERFACE，并列在接口(interface)的类别下。我对这两个类别(Web API 和接口(interface))之间的区别特别感兴趣？

Answer 1

包括我在内的许多人都可以互换使用它们(如“屏幕对象的 API”或“请求库的接口(interface)”)，但是 MDN 更精确，将 API 定义为涉及多个接口(interface)的规范，以及一个接口(interface)作为对象类型(即对象上可用的方法)。
以 URL API 为例，这是最简单的 API 之一:

The URL API is a component of the URL standard, which defines what constitutes a valid Uniform Resource Locator and the API that accesses and manipulates URLs. The URL standard also defines concepts such as domains, hosts, and IP addresses, and also attempts to describe in a standard way the legacy application/x-www-form-urlencoded MIME type used to submit web forms' contents as a set of key/value pairs.-- https://developer.mozilla.org/en-US/docs/Web/API/URL_API

URL API 只定义了两个接口(interface) URL 和 URLSearchParams:

The URL API is a simple one, with only a couple of interfaces to its name ... -- (bottom of the link above).

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