WebAssembly 是一种新型的低级字节码格式，可以在现代浏览器中运行，以提高 Web 应用程序的性能和安全性。Deno 是一个安全的运行时环境，用于 JavaScript 和 TypeScript。Deno 支持 WebAssembly，并且可以使用 Rust 或 C/C++ 等语言编译 WebAssembly 模块。在本文中，我们将学习使用 Deno 构建 WebAssembly 的方法。
安装 Deno
首先，我们需要安装 Deno。你可以在 Deno 官网 下载适合你的操作系统的安装包，或者使用包管理器进行安装。以下是在 macOS 上使用 Homebrew 安装 Deno 的示例：
brew install deno
安装完成后，可以使用以下命令验证 Deno 是否正确安装：
deno --version
编写 Rust WebAssembly 模块
在本文中，我们将使用 Rust 编写 WebAssembly 模块。如果你还没有安装 Rust，请先安装 Rust。
创建一个新的 Rust 项目：
cargo new --lib wasm-module
在项目根目录下创建 src/lib.rs 文件，并添加以下代码：
#[no_mangle]
pub extern "C" fn add(a: i32, b: i32) -> i32 {
a + b
}该代码定义了一个名为 add 的函数，它接受两个 i32 类型的参数，并返回它们的和。#[no_mangle] 属性告诉编译器不要重命名该函数，因为我们将在 WebAssembly 模块中调用该函数。
接下来，我们需要将 Rust 代码编译为 WebAssembly 模块。使用以下命令：
cargo build --target wasm32-unknown-unknown --release
该命令将在 target/wasm32-unknown-unknown/release/ 目录下生成一个名为 wasm_module.wasm 的 WebAssembly 文件。
在 Deno 中加载 WebAssembly 模块
现在，我们已经准备好在 Deno 中加载 WebAssembly 模块。创建一个名为 index.ts 的 TypeScript 文件，并添加以下代码：
const wasmCode = await Deno.readFile("./target/wasm32-unknown-unknown/release/wasm_module.wasm");
const wasmModule = new WebAssembly.Module(wasmCode);
const wasmInstance = new WebAssembly.Instance(wasmModule);
console.log(wasmInstance.exports.add(1, 2));该代码首先使用 Deno.readFile() 函数读取 WebAssembly 文件，并使用 WebAssembly.Module() 函数将其编译为 WebAssembly 模块。然后，使用 WebAssembly.Instance() 函数创建一个 WebAssembly 实例。最后，我们调用 add() 函数，并将结果输出到控制台。
使用以下命令运行该 TypeScript 文件：
deno run --allow-read index.ts
如果一切正常，你应该在控制台上看到 3 的输出。
总结
本文介绍了使用 Deno 构建 WebAssembly 的方法。我们使用了 Rust 编写了一个简单的 WebAssembly 模块，并在 Deno 中加载并调用了该模块。这是一个简单的示例，你可以使用更复杂的 Rust 或 C/C++ 等语言编写更复杂的 WebAssembly 模块，并在 Deno 中使用它们。这将提高 Web 应用程序的性能和安全性，并为开发人员提供更多的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66418f9fd3423812e4f8e3a4