javascript - 如何将ArrayBuffer从JS传递到AssemblyScript/Wasm？

我有一段非常简单的Typescript代码，用于解析特定的数据格式，输入是UInt8Array。我已经尽力对其进行了优化，但是我认为这个相当简单的解析器应该能够比以JS形式运行的速度更快。我想尝试使用AssemblyScript在Web程序集中编写它，以确保我没有遇到Javascript引擎的任何怪癖。

正如我现在所知道的，我不能只是将TypedArray传递给Wasm并使其自动工作。据我了解，我可以将指针传递给数组，并且应该能够直接从Wasm访问此指针，而无需复制数组。但是我无法将其与AssemblyScript一起使用。

以下是一个最小的示例，显示了我如何无法将ArrayBuffer传递给Wasm。

设置Wasm导出的代码主要来自自动生成的样板:

const fs = require("fs");
const compiled = new WebAssembly.Module(
  fs.readFileSync(__dirname + "/build/optimized.wasm")
);
const imports = {
  env: {
    abort(msgPtr, filePtr, line, column) {
      throw new Error(`index.ts: abort at [${line}:${column}]`);
    }
  }
};
Object.defineProperty(module, "exports", {
  get: () => new WebAssembly.Instance(compiled, imports).exports
});

以下代码调用WASM，index.js是上面的粘合代码。

const m = require("./index.js");
const data = new Uint8Array([1, 2, 3, 4, 5, 6, 7, 8]);
const result = m.parse(data.buffer);

并且被编译为WASM的AssemblyScript是以下代码:

import "allocator/arena";

export function parse(offset: usize): number {
  return load<u8>(offset);
}

执行该代码时，出现“RuntimeError:内存访问超出范围”。

主要问题在于，我从Wasm中获得的错误根本无助于我自己解决此问题。很明显，我实际上缺少有关幕后工作原理的一些主要方面。

我实际上如何使用AssemblyScript将TypedArray或ArrayBuffer从JS传递给Wasm？

最佳答案

在AssemblyScript中，有很多方法可以从内存中读取数据。获取此数据的最快，最快的方法是在模块的函数导入中使用链接的函数，以返回指向数据本身的指针。

let myData = new Float64Array(100); // have some data in AssemblyScript

// We should specify the location of our linked function
@external("env", "sendFloat64Array")
declare function sendFloat64Array(pointer: usize, length: i32): void;

/**
 * The underlying array buffer has a special property called `data` which
 * points to the start of the memory.
 */
sendFloat64Data(myData.buffer.data, myData.length);

然后在JavaScript中，我们可以在链接函数中使用Float64Array构造函数直接返回值。

/**
 * This is the fastest way to receive the data. Add a linked function like this.
 */
imports.env.sendFloat64Array = function sendFloat64Array(pointer, length) {
  var data = new Float64Array(wasmmodule.memory.buffer, pointer, length);
};

但是，有一种更清晰的方法来获取数据，它涉及从AssemblyScript返回引用，然后使用AssemblyScript加载器。

let myData = new Float64Array(100); // have some data in AssemblyScript

export function getData(): Float64Array {
  return myData;
}

然后在JavaScript中，我们可以使用AssemblyScript提供的ASUtil加载器。

import { instantiateStreaming } from "assemblyscript/lib/loader";

let wasm: ASUtil = await instantiateStreaming(fetch("myAssemblyScriptModule.wasm"), imports);

let dataReference: number = wasm.getData();
let data: Float64Array = wasm.getArray(Float64Array, dataReference);

出于对代码清晰性的考虑，我强烈建议使用第二个示例，除非性能绝对至关重要。

祝您的AssemblyScript项目好运!

关于javascript - 如何将ArrayBuffer从JS传递到AssemblyScript/Wasm？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54738197/