Dart 中 JS 互操作的历史

独立开发者张张

于 2024-04-11 15:40:19 发布

阅读量1.2k

点赞数 25

分类专栏： Flutter开发技术文章标签： javascript 开发语言 flutter

本文链接：https://blog.csdn.net/duninet/article/details/137641509

版权

Gemini 生成的 AI 图像

由于在 Dart 3.3 中达到了令人兴奋的 JavaScript 互操作里程碑，Wasm 的支持刚刚登陆当前的 Flutter 测试版。为了庆祝这一里程碑，我们回顾了 Dart 和 JavaScript 互操作性长达十年的历程。

从 Dart 诞生之初，互操作性就是一个核心重点。2011 年 Dart 首次发布时，它被设计为可嵌入和多平台的。它可以运行在独立的虚拟机上，嵌入到浏览器中，并编译为 JavaScript。2015 年 Flutter 出现时，我们也准备将其嵌入其中。现在，我们也很高兴能将 WasmGC 运行时作为目标。

起初，我们很快就暴露了嵌入 Dart 的各个平台的功能。这就是我们的 SDK 平台特定库出现的方式：dart:io 暴露了虚拟机上的文件系统，dart:html 暴露了 Web 上的浏览器 API，等等。这些库在外观和感觉上都与普通的 Dart 库无异，但其背后却隐藏着一些复杂的底层本地原语，以使它们能正常工作。这是我们发明的第一种互操作形式。它具有很强的表现力，但仅限于 SDK 库。

在 Web 上，开发人员需要访问的不仅仅是浏览器 API。因此，我们开始研究如何开放互操作性，以覆盖更多目标。作为起点，我们在 2013 年推出了 dart:js，以实现对 JavaScript 库的访问。

// 用于说明 Dart/JS 互操作的简短 JavaScript 代码示例
window.myTopLevel = {
   
  field1: 0,
  method2() {
   
    return this.field1;
  }
}

// 通过“dart:js”访问（2013）
import 'dart:js' as js;

void main() {
   
  // 这一行有一个错字！哎呀 :(
  var object = js.context[

最低0.47元/天解锁文章