从 JS 导入函数

现在我们已经将一些丰富的功能导出到 JS，现在也该导入一些了！这里的目标基本上是在 Rust 中实现 JS `import` 语句，并使用花哨的类型。

首先，假设我们反转上面的函数，而是想在 JS 中生成问候语，但从 Rust 中调用它。例如，我们可能会有

#![allow(unused)]
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)]
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 对作为两个参数传递，对于返回值，我们间接接收一个值（长度），而直接接收返回的指针。