从 JS 导入函数
现在我们已经将一些丰富的功能导出到 JS,是时候导入一些了!这里的目标基本上是在 Rust 中实现 JS `import` 语句,包括花哨的类型。
首先,假设我们反转上面的函数,改为在 JS 中生成问候语,但在 Rust 中调用它。例如,我们可能会有
# #![allow(unused_variables)] #fn main() { #[wasm_bindgen(module = "./greet")] extern "C" { fn greet(a: &str) -> String; } fn other_code() { let greeting = greet("foo"); // ... } #}
导入的基本思想与导出相同,即我们在 JS 和 Rust 中都将有垫片来进行必要的转换。让我们首先看看 JS 垫片的作用
import * as wasm from './foo_bg';
import { greet } from './greet';
// ...
export function __wbg_f_greet(ptr0, len0, wasmretptr) {
const [retptr, retlen] = passStringToWasm(greet(getStringFromWasm(ptr0, len0)));
(new Uint32Array(wasm.memory.buffer))[wasmretptr / 4] = retlen;
return retptr;
}
`getStringFromWasm` 和 `passStringToWasm` 与我们之前看到的相同,与上面的 `__wbindgen_object_drop_ref` 一样,我们现在从模块中获得了这个奇怪的导出!`__wbg_f_greet` 函数是 `wasm-bindgen` 生成的,用于在 `foo.wasm` 模块中实际导入。
我们看到的生成的 `foo.js` 从 `./greet` 模块中使用 `greet` 名称(这是 Rust 中的函数导入所指定的)进行导入,然后 `__wbg_f_greet` 函数对该导入进行垫片。
这里有一些棘手的 ABI 业务,所以让我们也看看生成的 Rust。与之前一样,这是对实际生成的代码的简化版本。
# #![allow(unused_variables)] #fn main() { extern "C" fn greet(a: &str) -> String { extern "C" { fn __wbg_f_greet(a_ptr: *const u8, a_len: usize, ret_len: *mut usize) -> *mut u8; } unsafe { let a_ptr = a.as_ptr(); let a_len = a.len(); let mut __ret_strlen = 0; let mut __ret_strlen_ptr = &mut __ret_strlen as *mut usize; let _ret = __wbg_f_greet(a_ptr, a_len, __ret_strlen_ptr); String::from_utf8_unchecked( Vec::from_raw_parts(_ret, __ret_strlen, __ret_strlen) ) } } #}
这里我们可以看到 `greet` 函数是生成的,但它基本上只是我们调用的 `__wbg_f_greet` 函数的垫片。参数的 ptr/len 对作为两个参数传递,对于返回值,我们间接接收一个值(长度),同时直接接收返回的指针。