前端网页 3 种方式执行 wasm 内函数

小渣渣

关于 WebAssembly

WebAssembly 是一种新的编码方式，可以在现代的 Web 浏览器中运行——它是一种低级的类汇编语言，具有紧凑的二进制格式，可以接近原生的性能运行，并为诸如 C/C++、C# 和 Rust 等语言提供编译目标，以便它们可以在 Web 上运行。它也被设计为可以与 JavaScript 共存，允许两者一起工作。

生成测试 wasm 文件

AssemblyScript 是一种类似 TypeScript 的 WebAssembly 语言（https://www.assemblyscript.org/）。安装 assemblyscript 工具，该工具是将 typescript 文件编译为 WebAssembly 文件。安装命令如下：

登录可见。

新建 test.ts 文件，定义方法如下：

登录可见。

生成 .wasm 文件，命令如下：

登录可见。

配置参数：https://www.assemblyscript.org/compiler.html

执行 wasm 内函数

方法一（最简单）

直接引用生成的 .js 模块执行，如下：

登录可见。

方法二

借助 assemblyscript/loader，参考：https://www.npmjs.com/package/@assemblyscript/loader，代码如下：

登录可见。

此方式生成 .wasm 命令可以改成如下：

登录可见。

这样就不会生成 .ts、.js 文件了。

方法三

使用原生的 WebAssembly 进行加载编译，代码如下：

登录可见。

最后，附上源代码文件：

游客，如果您要查看本帖隐藏内容请回复

小渣渣

参考：

https://www.cnblogs.com/bigben0123/p/15720475.html
https://www.jameslmilner.com/posts/assemblyscript-passing-around-data/
https://www.assemblyscript.org/types.html