过去的 JS 互操作

此页面介绍了 Dart 的先前版本的 JS 互操作，这些互操作被认为是旧版。它们尚未弃用，但将来可能会弃用。因此，建议今后优先使用 dart:js_interop，并在可能的情况下迁移旧互操作库的使用。虽然 dart:html 和其他 Web 库密切相关，但它们在 package:web 页面中进行了介绍。

dart:js 公开了用于与 JS 对象进行互操作的具体 对象包装器。此包装器包含基于字符串的方法，用于动态获取、设置和调用包装的 JS 对象上的属性。由于包装成本，它的性能较低，并且在人体工程学上更难以使用。例如，您无法获得代码补全，因为您无法声明互操作成员，而是依赖于字符串。dart:js 中公开的许多功能（如 allowInterop）后来通过其他互操作库重新公开。

自从发布了 package:js 和 dart:js_util 以来，此库一直是旧版。它很可能是第一个被弃用的库。

package:js 引入了声明互操作类型和成员的功能。它允许用户编写互操作类而不是互操作扩展类型。在运行时，这些类会被擦除为类似于 dart:js_interop 的 JSObject 的类型。

@JS()
class JSType {}

package:js 的用户会发现 dart:js_interop 的语法和语义很熟悉。在许多情况下，您可以通过用扩展类型替换类定义来迁移到 dart:js_interop 并使其工作。

但是，存在一些重大差异

• package:js 类型不能用于与浏览器 API 进行互操作。dart:js_interop 类型可以。
• package:js 允许动态分派。这意味着，如果您将 package:js 类型强制转换为 dynamic 并在其上调用互操作成员，它将转发到正确的成员。使用 dart:js_interop 现在不再可能。
• package:js 的 @JS 没有健全性保证，因为没有检查 external 成员的返回类型。dart:js_interop 是健全的。
• package:js 类型无法重命名实例成员或具有非 external 成员。
• package:js 类型可以是子类型，也可以是非互操作类的超类型。这通常用于模拟。使用 dart:js_interop，模拟是通过替换 JS 对象来完成的。请参阅 模拟教程。
• @anonymous 类型是使用对象字面量构造函数声明互操作类型的一种方式。dart:js_interop 不会以这种方式区分类型，任何 external 具名参数构造函数都是对象字面量构造函数。

除了 @JS 和 @anonymous 之外，package:js 后来公开了 @staticInterop，它是互操作扩展类型的原型。它与 dart:js_interop 一样具有表现力和限制性，并且旨在成为扩展类型可用之前的过渡语法。

@staticInterop 类型会隐式擦除为 JSObject。它要求用户在扩展中声明所有实例成员，以便只能使用静态语义，并且具有更强的健全性保证。用户可以使用它与浏览器 API 交互，它还允许重命名和非 external 成员等功能。与互操作扩展类型一样，它不支持动态分派。

@staticInterop 类几乎总是可以通过将类更改为扩展类型并删除注释来迁移到互操作扩展类型。

dart:js_interop 公开了 @staticInterop（以及 @anonymous，但仅在也使用 @staticInterop 时），以支持静态互操作语义，直到扩展类型添加到语言中。现在所有此类类型都应迁移到扩展类型。

dart:js_util 提供了许多在 package:js 类型中无法声明或需要来回传递值的实用程序函数。这包括诸如

• allowInterop（现在是 Function.toJS）
• getProperty/setProperty/callMethod/callConstructor（现在位于 dart:js_interop_unsafe 中）
• 各种 JS 运算符
• 类型检查助手
• 模拟支持
• 等等。

dart:js_interop 和 dart:js_interop_unsafe 现在包含这些助手，并且可能具有替代语法。

除非另有说明，否则本网站上的文档反映了 Dart 3.5.3。页面上次更新于 2024-05-13。 查看源代码 或 报告问题。