架构师_程序员_码农网

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

搜索
查看: 647|回复: 1

[其他] 前端网页 3 种方式执行 wasm 内函数

[复制链接]
发表于 2024-11-27 08:45:24 | 显示全部楼层 |阅读模式
关于 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 模块执行,如下:

QQ截图20241127083901.jpg

方法二

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

QQ截图20241127083919.jpg

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

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

方法三

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

QQ截图20241127083936.jpg

最后,附上源代码文件:

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






上一篇:关于 System.Text.Json 操作 JSON 的一些技巧
下一篇:在 JavaScript 校验字符串是否为IPv4或者IPv6
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
 楼主| 发表于 2024-11-27 08:49:09 | 显示全部楼层
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

免责声明:
码农网所发布的一切软件、编程资料或者文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。

Mail To:help@itsvse.com

QQ|手机版|小黑屋|架构师 ( 鲁ICP备14021824号-2 )|网站地图

GMT+8, 2025-4-20 09:00

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表