WebAssembly - 简介

WebAssembly 也称为 WASM,于 2017 年首次推出。WebAssembly 起源背后的大型科技公司是 Google、Apple、Microsoft、Mozilla 和 W3C。

传言称 WebAssembly 将取代 Javascript,因为它的执行速度更快,但事实并非如此。 WebAssembly 和 Javascript 旨在共同解决复杂的问题。

需要 WebAssembly

到目前为止,我们只有 Javascript 可以在浏览器中成功运行。 有一些非常繁重的任务很难在浏览器中使用 JavaScript 执行。

仅举几例,包括图像识别、计算机辅助设计 (CAD) 应用程序、实时视频增强、VR 和增强现实、音乐应用程序、科学可视化和模拟、游戏、图像/视频编辑等。

WebAssembly 是一种具有二进制指令的新语言,可以更快地加载和执行。 上述任务可以用 C、C++、Rust 等高级语言轻松完成。我们需要一种方法,可以编译 C、C++、Rust 中的代码并在 Web 浏览器中使用它。 使用 WebAssembly 也可以实现同样的效果。

当 WebAssembly 代码加载到浏览器中时。 然后,浏览器负责将其转换为处理器可以理解的机器格式。

对于 javascript,必须下载、解析代码并将其转换为机器格式。 它需要花费大量时间,对于像我们之前提到的繁重任务可能会非常慢。

WebAssembly 的工作原理

C、C++、Rust 等高级语言被编译为二进制格式,即 .wasm 和文本格式 .wat

WebAssembly 的工作

使用编译器将用 C、C++ 和 Rust 编写的源代码编译为 .wasm。 您可以使用 Emscripten SDK 将 C/C++ 编译为 .wasm

流程如下 −

Wasm

C/C++ 代码可以使用 Emscripten SDK 编译为 .wasm。 稍后,可以在 html 文件中的 javascript 的帮助下使用 .wasm 代码来显示输出。

WebAssembly 的关键概念

关键概念解释如下 −

模块

模块是由浏览器编译为可执行机器代码的对象。 模块被认为是无状态的,可以在 Windows 和 Web Worker 之间共享。

内存

WebAssembly 中的内存是保存数据的数组缓冲区。 您可以使用 Javascript api WebAssembly.memory() 分配内存。

WebAssembly 中的表是一个类型化数组,位于 WebAssembly 内存之外,并且主要包含对函数的引用。 它存储函数的内存地址。

实例

实例是一个对象,它将具有可以从 javascript 调用以在浏览器内执行的所有导出函数。