WebAssembly学习(五)：AssemblyScript - Hello World

一、项目创建

1.创建AssemblyScript根目录

mkdir AssemblyScript

 2.安装AssemblyScript开发依赖

cnpm install --save-dev AssemblyScript/assemblyscript

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

mkdir assembly

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

{
  "extends": "../node_modules/assemblyscript/std/assembly.json",
  "include": [
    "./**/*.ts"
  ]
}

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

export function add(a: i32, b: i32): i32 {
  return a + b;
}

二、编译

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

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

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

npm run build

注意：如果构建失败，则可能需要（此时）npm install --save-dev ts-node

三、使用

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

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

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

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

3.运行结果如下

E:\Code\AssemblyScript>cmd.exe
Microsoft Windows [版本 10.0.17134.590]
(c) 2018 Microsoft Corporation。保留所有权利。

E:\Code\AssemblyScript>node hello.js
3

E:\Code\AssemblyScript>

4.最终目录结构如下

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