了解asm.js

asm.js当前是Web开发中的新潮主题。 阅读有关asm.js，其目标和路线图的完整指南是不可能的，因为您必须阅读多篇文章并将它们自己整理在一起。 本文尝试使用逐步指南和实际示例以及一些基准，总结您几乎需要了解的有关asm.js的所有内容。

历史

JavaScript是世界上最受欢迎的编程语言之一。 您可以在Web浏览器中将它用作客户端语言。 现在，随着NodeJS的出现，JavaScript也是服务器端应用程序的流行语言。 回到过去（实际上，直到今天），转译器（源到源编译器）被用来隐藏JavaScript的某些丑陋部分。 CoffeeScript，ClojureScript和TypeScript是一些更流行的编译器。

编译器主要使用现有语言（例如C或C ++），或者定义一种新语言（例如CoffeeScript）。 然后，无需编写JavaScript，您可以使用该翻译器转换为JavaScript的另一种语言进行开发。 在本文中，我们将回顾Emscripten，这是一种JavaScript编译器的LLVM字节码。

那么，什么是asm.js？

asm.js是JavaScript的严格子集。 这不是一种新语言。 asm.js是一组受限制的定义，它们提供了良好的性能特征。 可以像汇编语言指令一样组合这些定义，以创建非常快速的JavaScript应用程序。 asm.js利用了一些低级JavaScript功能，例如Typed Arrays。 它不使用任何插件或模块来运行JavaScript代码，从而使其向后兼容。

怎么运行的

主要思想通常是关于更严格地使用JavaScript。 例如，消除动态类型。 为了提供一个示例，我们将声明一个变量并为其分配一个整数值。 然后，我们声明另一个变量并将先前的变量分配给新的变量。 在下面，您将找到标准JavaScript中的示例。

var first = 5;
var second = first;

上面显示的代码的相应asm.js语法如下：

var first = 5;
//By using a bitwise operator, we make sure that the value is 32-bit integer
var second = first | 0;

第一个和第二个代码样本之间的唯一区别是asm.js示例的最后一行上的按位或运算符。 通过使用按位运算符，我们将first变量的值转换为32位整数。 这样可以确保将second始终视为32位整数。 asm.js还有许多其他类似的规则。 通过将这些规则与常规JavaScript结合，可以创建更快的代码。 有关这些规则及其工作方式的更多信息，请参考asm.js规范 。

值得一提的是，手工编写asm.js代码不是一个好主意。 结果将难以维护并且调试耗时。 基于这种观察，剩下的问题是–我们如何使用asm.js开发应用？

好消息是，存在一些用于根据asm.js规范从其他语言（例如C或C ++）生成JavaScript代码的工具。 在本文中，我们将重点介绍Emscripten，但请记住，存在许多类似的工具。

那么，什么是Emscripten？ 答案是它是LLVM到JavaScript的编译器。 Emscripten接受LLVM字节码并将其转换为asm.js JavaScript。 那么，如何生成LLVM字节码？ 您可以使用Clang将C / C ++代码转换为LLVM！ 为了更好地理解此过程，请考虑下图：

以下是使用Emscripten生成JavaScript代码的步骤：
1.创建一个C / C ++应用程序。
2.使用Clang编译它以生成LLVM字节码。
3.将字节码传递给Emscripten以获取JavaScript代码。

值得一提的是Emscripten本身执行最后两个步骤。 因此，您唯一需要做的就是将C / C ++代码传递给Emscripten并获取JavaScript输出。

你好，世界

让我们用C ++编写一个简单的程序，并将其转换为基于asm.js的JavaScript应用程序。 以下是计算n=45的斐波纳契数的C ++代码段。

#include <stdio.h>

int fib(int x) {
  if (x < 2) {
    return 1;
  } else {
    return fib(x - 1) + fib(x - 2);
  }
}

int main() {
  int result = fib(45);

  printf("%d\n", result);
  return 1;
}

如您所见，该算法非常简单明了。 要将此C ++代码转换为JavaScript，需要首先安装Emscripten。 有关安装说明，请参考Emscripten Wiki 。 安装Emscripten之后，您只需使用以下命令即可转换C ++代码。

./emcc -O1 -s ASM_JS=1 ./hello_world.cpp

通过将ASM_JS属性设置为1 ，可以强制Emscripten根据asm.js规范发出JavaScript代码。 发出命令后，您将获得一个a.out.js文件。 这是从您的C ++代码创建的JavaScript文件。 为了执行相应的JavaScript文件，您可以安装Node.js并发出以下命令。

node ./a.out.js

通过执行以上命令，您将看到应用程序的输出。 恭喜，您制作了第一个asm.js应用程序。

让我们看看基准

在本节中，我们将比较上面提供的Fibonacci示例与基于asm.js的版本的本机JavaScript代码的执行时间。 为了对此比较有一个更好的了解，我们使用Clang编译器编译C ++代码并执行相应的生成的本机代码。 因此，我们可以比较三种不同的环境–（1）常规JavaScript，（2）asm.js代码和（3）本机应用程序。 要使用clang编译C ++代码，只需发出以下命令：

clang ./hello_world.cpp

这将创建一个包含您的本机可执行文件的a.out文件。

以下代码显示了正常的JavaScript示例。

var result = 0;

function fib(x) {
  if (x < 2) {
    return 1;
  } else {
    return fib(x - 1) + fib(x - 2);
  }
}

result = fib(45);
console.log(result);

我们可以使用以下命令运行普通的JavaScript和asm.js示例。

node ./handmade.js
node ./a.out.js

要执行本机应用程序，请运行以下命令。

./a.out

下图显示了产生的执行时间。 实验是在OS X 10.9.2操作系统上进行的，该操作系统利用了最新版本的Clang，Node.js和Emscripten。

结论

在本文中，我们讨论了asm.js，这是Mozilla创建低级JavaScript环境的规范之一。 asm.js是JavaScript编程语言的更快子集。 我们研究了Emscripten，它是一种将C / C ++代码转换为LLVM字节代码然后转换为asm.js JavaScript代码的工具。 我们还使用C ++代码创建了一个非常简单的“ Hello world”程序，并使用Emscripten将其转换为asm.js。 此外，我们提供了一些基准测试，目的是证明常规JavaScript代码和基于asm.js的JavaScript代码之间在性能上的巨大差异。 应该注意的是，asm.js仍在开发中，将来的性能提升甚至会更好。

From: https://www.sitepoint.com/understanding-asm-js/