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

流程如下 -

瓦斯姆

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

WebAssembly 的关键概念

关键概念解释如下 -

模块

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

记忆

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

桌子

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

实例

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