Rust怎么與JavaScript語(yǔ)言交互

小億
156
2024-04-11 11:23:11

Rust與JavaScript語(yǔ)言可以通過(guò)WebAssembly實(shí)現(xiàn)交互。WebAssembly是一種面向Web平臺(tái)的二進(jìn)制指令集格式，可以在任何支持WebAssembly的環(huán)境中運(yùn)行，比如瀏覽器。

下面是使用Rust和JavaScript進(jìn)行交互的基本步驟：

  1. 在Rust中編寫(xiě)代碼，并將其編譯為WebAssembly模塊。
  2. 在JavaScript中加載并實(shí)例化WebAssembly模塊。
  3. 在JavaScript中調(diào)用WebAssembly模塊中的函數(shù)，同時(shí)也可以從WebAssembly模塊中獲取返回值。

以下是一個(gè)簡(jiǎn)單的示例：

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>

在這個(gè)示例中，我們定義了一個(gè)在Rust中實(shí)現(xiàn)的函數(shù)add，然后編譯為WebAssembly模塊，并在JavaScript中加載并調(diào)用該函數(shù)。通過(guò)這種方式，我們可以實(shí)現(xiàn)Rust和JavaScript之間的交互。

0 踩