javascript - 程序集 (asm.js) 如何在浏览器中工作？

Question

Asm.js 来自一类新的 JavaScript 应用程序:已编译为 JavaScript 的 C/C++ 应用程序。它是 JavaScript 的一个子集，由 Mozilla 的 Emscripten 项目产生。

但它是如何工作的，我为什么要使用它？

Answer 1

为什么要编译成 JavaScript？

JavaScript 是唯一一种适用于所有网络浏览器的语言。虽然只有 JavaScript 会在浏览器中运行，但您仍然可以用其他语言编写并仍然编译为 JavaScript，从而使其也可以在浏览器中运行。这是通过称为 emscripten. 的技术实现的。

Emscripten 是一个基于 LLVM 的项目，可将 C 和 C++ 编译成 asm.js 格式的高性能 JavaScript。简而言之:接近 native 速度，在浏览器内部使用 C 和 C++。更好的是，emscripten 将桌面图形 API OpenGL 转换为 WebGL，这是该 API 的 Web 变体。

asm.js 如何融入画面？

Asm.js 是 Assembly JavaScript 的缩写，是 JavaScript 的一个子集。 asm.js 程序无论是在现有的 JavaScript 引擎中运行，还是在识别和优化 asm.js 的提前 (AOT) 编译引擎中运行，其行为都是相同的——当然，速度除外!

就速度而言，很难准确衡量它与本地代码的比较情况，但编译为 asm.js 的 C 程序的初步基准测试通常比使用 clang 编译器的本地编译慢 2 倍以内C、C++ 和 Obj-C 编程语言的前端。重要的是要注意这是单线程程序的“最佳”情况。下面将详细介绍 JavaScript 语言的这一限制。

在后端，Clang 使用 LLVM，这是一个用于构建、优化和生成中间和/或二进制机器代码(又是 0 和 1)的库。 LLVM 可以用作编译器框架，您可以在其中提供“前端”(解析器和词法分析器，例如 Clang)和“后端”(将 LLVM 表示形式转换为实际机器代码的代码)

进一步阅读:Mozilla 的 Alon Zakai 有一个 fantastic slide deck其中详细介绍了这一切的工作原理。

那么 asm.js 有多酷？它有自己的 Twitter 帐户，@asmjs。虽然 asm 站点有点稀疏，但它确实涵盖了 W3C 规范，此外还有详尽的常见问题解答。更好的是，Mozilla 协调了 Humble Mozilla Bundle 2014 年，这让您可以购买一堆利用 asm.js 的游戏机。

Why not just turn your JavaScript code into asm.js?

JavaScript 不能真正编译为 asm.js 并提供很多好处，因为它的动态特性。这与尝试编译时的问题相同 t o C甚至到native code – 一个 VM 需要处理这些非静态方面。但是，您可以手动编写 asm.js。

如果已经可以以完全静态的方式翻译标准 Javascript，那么就不需要 asm.js。 Asm.js 的存在是为了 promise Javascript 将在开发人员不付出任何努力的情况下变得更快。 JIT 很难同时理解动态语言和静态编译器。

为了更好地理解这一点，理解为什么 asm.js 提供性能优势非常重要；或者为什么静态类型的语言比动态类型的语言表现更好。一个原因是“运行时类型检查需要时间”，一个更深思熟虑的答案将包括优化静态类型代码的增强可行性。脱离静态类型语言(例如 C)的最后一个好处是，编译器在编译时知道每个对象的类型。

Asm.js 是 JS 的一个受限子集，可以很容易地转换为字节码。所需的第一步需要将 JS 的所有高级功能分解为该子集才能获得此优势，这有点复杂。但是 JavaScript 引擎经过优化和设计，可以将所有这些高级功能直接转换为字节码——因此像 asm.js 这样的中间步骤不会提供太多优势。

我进入更详细和图片in this post.