图1 头图

WebAssembly定义

WebAssembly是一种的语言，可以在现代浏览器环境中运行，并提供了功能和性能上的优势。可以将其它语言，如C/C++等，编译成Assembly格式的代码，然后在浏览器中运行。

WebAssembly的目标

1. WebAssembly代码可以获得非常快的运行速度。
2. 增加可读性，WebAssembly还有可读的文本格式，易于编写，调试和阅读。
3. WebAssembly具有非常高安全性，它在一个沙箱环境中执行，同时遵守浏览器的同源策略和权限规则。
4. 和其它Web语言有很好的兼容性

WebAssembly工作原理

Web平台有两不分组成组成

• 执行应用程序的虚拟机
• Web API，例如(DOM,WebGL等)

为了让浏览器支持Assembly，虚拟机实现了加载两种语言（javascript，Assembly）的功能，javascript可以同过Web API引入WebAssembly代码，WebAssembly可以导入和异步执行javascript的模块。

WebAssembly的关键部分概览

• module：表示由浏览器编译为可执行机器代码的WebAssembly二进制文件。 对于一个模块是无状态的，因此，像Blob一样，可以显式缓存在IndexedDB中，也可以在windows和worker之间共享（通过postMessage（））。 A模块像ES2015模块一样声明导入和导出。
• Memory：一个可调整大小的ArrayBuffer，它包含可以被WebAssembly的低级内存访问指令读取和写入的线性字节数组。
• Table：一种引用类型的可变数组（例如函数），无法将其作为原始字节存储在存储器中。
• Instance：module，Memory，Table等得运行实例

一个C++程序转化为Assembly的例子

2 c/c++转化为WebAssembly

具体步骤

• 安装Emscripten
• 编写c++程序，例如：

<code>#include <stdio.h>int main() {  printf("hello, world!\\n");  return 0;}/<stdio.h>/<code>

• 将C++命名，此处命名为hello.c，然后编译输出html代码，编译命令如下：

<code>emcc hello.c -s WASM=1 -o hello.html/<code>

编译输出文件如下

hello.html

hello.jshel

lo.js.temp.js

• 最后用浏览器打开hello.html，即可看到运行结果。

閱讀更多 城東的花開了 的文章

關鍵字: 环境中运行 C语言 就够