“界面” JS 的 MDN 文档？

Question

我在阅读 JS 的 MDN 文档时多次遇到“接口”这个词，但从未完全理解它指的是什么。

我知道 JS 中不存在像 Java、C#、TypeScript 和所有其他类似的 OOP 语言那样的“接口”之类的东西。

据我所知，到目前为止，接口只是属性和方法定义（而不是实现）的集合，某个类必须实现这些属性和方法定义才能符合特定的接口，但对于 JS 来说，情况并非如此。

现在，假设 MDN 表示某个对象的某些属性，假设 window.navigator 的 geolocation 属性返回 GeolocationPosition/GeolocationPositionError 对象。然后我们发现这些对象符合 GeolocationPosition/GeolocationPositionError 接口。

通过 console.dir 检查 GeolocationPosition/GeolocationPositionError 接口返回它们是函数。那么，这是否意味着通过访问 window.navigator 上的 geolocation 属性返回的 GeolocationPosition/GeolocationPositionError 对象只是由 GeolocationPosition/ 创建的对象GeolocationPositionError 函数？

那么，MDN 文档中的术语“接口”是否仅指函数，它像常规构造函数一样创建具有特定属性和方法的对象？

那么为什么我无法使用这些 GeolocationPosition/GeolocationPositionError 函数和 new 运算符生成新的 GeolocationPosition/GeolocationPositionError 对象？

Answer 1

接口实际上在浏览器 Web API 的上下文中具有明确定义的含义。

该上下文中的接口是 WebIDL 接口。 WebIDL 是“界面规范语言”，HTML 和 DOM 规范等内容都是建立在其之上的。

例如 window.navigator 实现 navigator 界面：

[Exposed=Window]
interface Navigator {
  // objects implementing this interface also implement the interfaces given below
};
Navigator includes NavigatorID;
Navigator includes NavigatorLanguage;
Navigator includes NavigatorOnLine;
Navigator includes NavigatorContentUtils;
Navigator includes NavigatorCookies;
Navigator includes NavigatorPlugins;
Navigator includes NavigatorConcurrentHardware;

---

界面类似于您对“OO 语言”的期望：

IDL 片段用于描述面向对象的系统。在这样的系统中，对象是具有身份的实体，并且是状态和行为的封装。接口是一个定义（匹配接口 InterfaceRest），它声明实现该接口的对象将公开的某些状态和行为。

接口是一组接口成员（匹配的 InterfaceMembers）的规范。这些是出现在接口声明中大括号之间的成员。

Web IDL 中的接口描述了实现该接口的对象的行为方式。在面向对象语言的绑定中，期望实现特定 IDL 接口的对象提供检查和修改对象状态以及调用接口描述的行为的方法。

一个接口可以定义为从另一个接口继承。如果接口的标识符后跟 U+003A 冒号（“:”）字符和标识符，则该标识符标识继承的接口。实现从另一个继承的接口的对象也会实现该继承的接口。因此，该对象还将具有与继承接口中的接口成员相对应的成员。

全部来自WebIDL规范。

至于为什么您不能生成自己的浏览器为这些接口提供的实现实例？

例如，我怀疑无法创建 GeolocationPositionError，因为它未在 window 上公开。如果允许这对用户有用，欢迎您在 whatwg/html 存储库中提出功能请求。

Answer 2

在 MDN 文档中，接口一词经常用于谈论 API< /a>（应用程序编程接口）。事实上，作为开发人员，您唯一需要担心的是 API （而不是实现API 背后的详细信息）。

接口在 JavaScript 中只是概念性的，但它们存在于一些扩展语言中，例如 TypeScript。