分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

WebAssembly学习(五):AssemblyScript - Hello World

发布时间:2023-09-06 02:33责任编辑:熊小新关键词:Web

一、项目创建

1.创建AssemblyScript根目录

1 mkdir AssemblyScript

 2.安装AssemblyScript开发依赖

1 cnpm install --save-dev AssemblyScript/assemblyscript

 3.在根目录下创建ts文件目录

1 mkdir assembly

4.在assembly目录下创建ts配置文件tsconfig.json,内容如下

1 {2 ??"extends": "../node_modules/assemblyscript/std/assembly.json",3 ??"include": [4 ????"./**/*.ts"5 ??]6 }

5.在assembly目录下创建module.ts文件,内容如下

1 export function add(a: i32, b: i32): i32 {2 ??return a + b;3 }

二、编译

1.在AssemblyScript根目录下package.json中添加以下编译脚本命令

1 "scripts": {2 ????"build": "npm run build:untouched && npm run build:optimized",3 ????"build:untouched": "asc assembly/module.ts -t module.untouched.wat -b module.untouched.wasm --validate --sourceMap --measure",4 ????"build:optimized": "asc assembly/module.ts -t module.optimized.wat -b module.optimized.wasm --validate --sourceMap --measure --optimize"5 ???}

2.运行编译脚本,将assembly/module.ts编译为module.untouched.wasm二进制文件

1 npm run build

注意:如果构建失败,则可能需要(此时)npm install --save-dev ts-node

三、使用

1.在AssemblyScript根目录下创建module.js文件,内容如下,用来加载并实例化.wasm模块

1 const fs = require("fs");2 module.exports = new WebAssembly.Instance(new WebAssembly.Module(fs.readFileSync(__dirname + "/module.optimized.wasm"), {})).exports;

2.在AssemblyScript根目录下创建hello.js文件,内容如下,用来使用module.js导出的模块

1 var myModule = require("./module.js");2 console.log(myModule.add(1, 2));

3.运行结果如下

1 E:\Code\AssemblyScript>cmd.exe2 Microsoft Windows [版本 10.0.17134.590]3 (c) 2018 Microsoft Corporation。保留所有权利。4 5 E:\Code\AssemblyScript>node hello.js6 37 8 E:\Code\AssemblyScript>

4.最终目录结构如下

TS为JS类型的超集,AS为TS的子集,其中一些支持的数据类型和限制还有待学习,所以最终只是实现一个简单的加法运算。

WebAssembly学习(五):AssemblyScript - Hello World

原文地址:https://www.cnblogs.com/jixiaohua/p/10441015.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved