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

How does assembly (asm.js) work in the browser?

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

但是它是如何工作的,我为什么要使用它?

为什么要编译成JavaScript?

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

的技术实现的

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

asm.js如何融入画面?

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

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

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

进一步阅读:Mozilla 的 Alon Zakai 有一个 fantastic slide deck 进一步详细说明了这一切是如何工作的。

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

的游戏

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

JavaScript 不能真正编译为 asm.js 并提供很多好处,因为它的动态特性。这与尝试编译它时出现的问题相同 to C or even to native code – 一个带有它的 VM 需要处理那些非静态方面。但是,您可以手写 asm.js。

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

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

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

我更详细和图片in this post.