Dart编译器生成的JavaScript代码包含哪些内容？为何轻量代码编译后体积庞大？

当你用dart compile js编译极简Dart代码时，生成的50+KiB文件并非包含完整解释器，而是由以下几个关键部分组成：

核心组成部分 #

• Dart运行时适配层：这是为了让Dart语义在JS环境中正常工作的基础代码，包括空安全检查逻辑、Dart集合（如List、Map）的JS模拟实现、Future与JS Promise的适配调度，以及类型系统的轻量校验。
• 语法特性转译代码：Dart的部分语法（比如命名参数、Mixin、扩展方法）在原生JS中没有对应实现，编译时会生成等价的JS代码来模拟这些特性。
• 默认调试与元数据：默认编译模式会保留源映射、类型元数据等调试信息，方便追踪Dart代码到JS代码的映射，这部分会占用不少体积。
• 你的业务代码：你写的极简逻辑本身占比极小，只是被这些配套代码包裹。

关于"原生JavaScript"的误解 #

Dart确实是编译为可直接执行的JS，而非在浏览器中解释执行，但因为Dart和JS的语义模型差异巨大：

• Dart是强类型、空安全语言，而JS是动态弱类型，必须生成额外代码来保证Dart的类型约束在JS环境中生效。
• Dart的事件循环和异步模型与JS有细微差异，需要适配层来保证行为一致性。
  这些差异导致编译产物必须包含上述配套代码，而非纯粹的"原生JS"逻辑。

缩小编译产物体积的方法 #

如果需要更小的JS文件，可以尝试这些编译选项：

• 开启生产级优化：dart compile js -O2 your_file.dart，该模式会移除调试信息、执行死代码消除和深度压缩。
• 关闭源映射：添加--no-source-maps参数，去掉调试用的源映射数据。
• 针对Web项目，利用Dart的tree shaking机制，仅打包实际用到的核心库代码。

内容的提问来源于stack exchange，提问作者Tiit Lankots