如何将JavaScript字符串传递给编译为WebAssembly的Rust函数？

嘿，我刚好踩过这个坑！你猜的完全没错——JS字符串没办法直接像数字那样传给Wasm函数，核心原因是Wasm的内存和JS的内存是完全隔离的，字符串本质上得通过内存指针+长度的组合来传递，而不是直接把JS的String对象丢进去。数字能正常传递是因为Wasm的基础数值类型（像f64、i32）和JS的Number是兼容的，Runtime会自动做类型转换，但字符串属于复杂类型，必须手动处理内存交互。

下面给你两种解决方案，从手动处理底层逻辑到工具简化都有：

方案1：手动处理内存传递（适合理解底层逻辑） #

Rust侧修改函数签名 #

不能直接用&str作为参数，要改成接收指针和长度，再从Wasm内存中解析出字符串：

#[no_mangle]
pub extern "C" fn calculate(operator_ptr: u32, operator_len: u32, n1: f64, n2: f64) -> f64 {
    // 从Wasm内存中读取字节切片（unsafe是因为直接操作原始指针）
    let operator_bytes = unsafe {
        std::slice::from_raw_parts(operator_ptr as *const u8, operator_len as usize)
    };
    // 把字节转成字符串，处理可能的UTF-8错误
    let operator = std::str::from_utf8(operator_bytes).unwrap_or_default();

    // 你的计算逻辑
    match operator {
        "+" => n1 + n2,
        "-" => n1 - n2,
        "*" => n1 * n2,
        "/" => if n2 != 0.0 { n1 / n2 } else { 0.0 },
        _ => 0.0,
    }
}

另外需要在Rust里暴露内存分配/释放的函数，方便JS侧申请内存：

#[no_mangle]
pub extern "C" fn malloc(size: usize) -> *mut u8 {
    let mut buf = Vec::with_capacity(size);
    let ptr = buf.as_mut_ptr();
    std::mem::forget(buf); // 让Vec不自动释放内存
    ptr
}

#[no_mangle]
pub extern "C" fn free(ptr: *mut u8, size: usize) {
    unsafe {
        Vec::from_raw_parts(ptr, 0, size); // 重新创建Vec，让它自动释放内存
    }
}

JS侧处理字符串传递 #

需要把JS字符串转成UTF-8字节数组，写入Wasm内存，再传递指针和长度：

// 假设已加载Wasm模块并拿到instance
function callCalculate(operator, n1, n2) {
    // 把JS字符串编码成UTF-8字节数组
    const encoder = new TextEncoder();
    const bytes = encoder.encode(operator);
    
    // 向Wasm申请内存空间
    const ptr = instance.exports.malloc(bytes.length);
    // 将字节数组写入Wasm内存的对应位置
    new Uint8Array(instance.exports.memory.buffer, ptr, bytes.length).set(bytes);
    
    // 调用Rust函数，传入指针、长度、两个数字
    const result = instance.exports.calculate(ptr, bytes.length, n1, n2);
    
    // 释放申请的内存，避免内存泄漏
    instance.exports.free(ptr, bytes.length);
    
    return result;
}

// 调用示例
console.log(callCalculate("+", 10, 5)); // 输出15

方案2：用wasm-bindgen自动处理（推荐，更简洁） #

如果不想手动折腾内存，可以用wasm-bindgen工具，它会自动生成JS和Wasm之间的类型转换代码，包括字符串的传递。

Rust侧代码 #

添加wasm-bindgen依赖后，直接用&str作为参数即可：

use wasm_bindgen::prelude::*;

#[wasm_bindgen]
pub fn calculate(operator: &str, n1: f64, n2: f64) -> f64 {
    // 直接使用&str，wasm-bindgen会帮你处理传递逻辑
    match operator {
        "+" => n1 + n2,
        "-" => n1 - n2,
        "*" => n1 * n2,
        "/" => if n2 != 0.0 { n1 / n2 } else { 0.0 },
        _ => 0.0,
    }
}

JS侧调用 #

直接像调用普通JS函数一样传字符串就行，不用管内存：

// 加载wasm-bindgen生成的模块后
import init, { calculate } from './calculator.js';

async function run() {
    await init();
    console.log(calculate("*", 8, 7)); // 输出56
}

run();

简单总结一下：Wasm只能直接处理基础数值类型，复杂类型（比如字符串）需要通过内存指针+长度的方式传递，要么手动处理内存，要么用wasm-bindgen这类工具简化流程。

内容的提问来源于stack exchange，提问作者vinzdef