Rust怎么与JavaScript语言交互

2024-05-07

Rust与JavaScript语言可以通过WebAssembly实现交互。WebAssembly是一种面向Web平台的二进制指令集格式,可以在任何支持WebAssembly的环境中运行,比如浏览器。

下面是使用Rust和JavaScript进行交互的基本步骤:

  1. 在Rust中编写代码,并将其编译为WebAssembly模块。
  2. 在JavaScript中加载并实例化WebAssembly模块。
  3. 在JavaScript中调用WebAssembly模块中的函数,同时也可以从WebAssembly模块中获取返回值。

以下是一个简单的示例:

Rust代码(hello.rs):

#[no_mangle]
pub extern "C" fn add(a: i32, b: i32) -> i32 {
    a + b
}

将Rust代码编译为WebAssembly模块:

$ rustc --target wasm32-unknown-unknown -O hello.rs

JavaScript代码(index.js):

fetch('hello.wasm')
  .then(response => response.arrayBuffer())
  .then(bytes => WebAssembly.compile(bytes))
  .then(module => {
    return WebAssembly.instantiate(module, {
      env: {
        memoryBase: 0,
        tableBase: 0,
        memory: new WebAssembly.Memory({ initial: 256 }),
        table: new WebAssembly.Table({ initial: 0, element: 'anyfunc' })
      }
    });
  })
  .then(instance => {
    const add = instance.exports.add;
    console.log(add(3, 4)); // should print 7
  });

在浏览器中加载JavaScript代码:

<!DOCTYPE html>
<html>
<head>
  <title>WebAssembly Example</title>
</head>
<body>
  <script src="index.js"></script>
</body>
</html>

在这个示例中,我们定义了一个在Rust中实现的函数add,然后编译为WebAssembly模块,并在JavaScript中加载并调用该函数。通过这种方式,我们可以实现Rust和JavaScript之间的交互。