面试题：TypeScript 与 WebAssembly 复杂数据结构交互的实现

Question

WebAssembly 模块中有一个函数，它接受一个包含多个字段（如字符串、数字数组等）的自定义对象，并返回一个类似结构的对象。使用 TypeScript 编写代码来实现与该 WebAssembly 函数的交互，要求正确定义类型接口以保证数据准确传递和处理。

Answer 1

// 定义输入对象的接口
interface InputObject {
    stringField: string;
    numberArrayField: number[];
    // 可以根据实际需求添加更多字段
}

// 定义输出对象的接口，假设结构类似输入对象
interface OutputObject {
    stringField: string;
    numberArrayField: number[];
    // 同样可按需添加更多字段
}

// 定义与WebAssembly函数交互的函数
async function callWasmFunction(input: InputObject): Promise<OutputObject> {
    const wasmModule = await WebAssembly.instantiateStreaming(fetch('your_wasm_file.wasm'));
    const wasmFunction = wasmModule.instance.exports.your_function_name;
    // 将输入对象转换为适合WebAssembly函数接受的格式（这里假设WebAssembly函数接受特定格式的数据，实际需要根据具体情况调整）
    const inputData = {
        stringField: input.stringField,
        numberArrayField: new Uint8Array(input.numberArrayField.map(num => num))
    };
    const outputData = wasmFunction(inputData);
    // 将WebAssembly函数返回的数据转换为OutputObject格式
    const output: OutputObject = {
        stringField: outputData.stringField,
        numberArrayField: Array.from(new Uint8Array(outputData.numberArrayField))
    };
    return output;
}