JavaScript 绑定 C 的方法包括：使用 WebAssembly、使用 Node.js 的 FFI（Foreign Function Interface）、使用 emscripten、使用 N-API。其中，WebAssembly 是目前最流行和有效的方法。WebAssembly 是一种可移植的二进制格式，让你可以在浏览器中运行高效的低级代码。下面我们将详细介绍如何使用 WebAssembly 来绑定 C 代码。
一、使用 WebAssembly
1、什么是 WebAssembly
WebAssembly (Wasm) 是一种用于在现代 Web 浏览器中高效运行二进制代码的标准。它被设计成一种可以与 JavaScript 互操作的编程语言，使得开发者可以利用 C/C++ 等语言编写高性能的 Web 应用程序。WebAssembly 提供了接近原生性能的速度，且与 JavaScript 具有良好的互操作性。
2、安装 Emscripten
Emscripten 是一个 LLVM 到 JavaScript 的编译器，它可以将 C/C++ 代码编译成 WebAssembly 和 asm.js。要使用 Emscripten，你需要先安装它。
# 下载并安装 Emscripten SDK
git clone https://github.com/emscripten-core/emsdk.git
cd emsdk
激活并安装最新版本的 Emscripten
./emsdk install latest
./emsdk activate latest
加载 Emscripten 环境
source ./emsdk_env.sh
3、编写 C 代码
创建一个简单的 C 文件，比如 hello.c：
#include <stdio.h>
void hello() {
printf("Hello, WebAssembly!n");
}
4、编译 C 代码为 WebAssembly
使用 Emscripten 将 hello.c 编译成 WebAssembly：
emcc hello.c -s WASM=1 -o hello.js
这将生成 hello.js 和 hello.wasm 两个文件。
5、在 HTML 和 JavaScript 中使用 WebAssembly
创建一个简单的 HTML 文件来加载和执行 WebAssembly：
<!DOCTYPE html>
<html>
<head>
<title>WebAssembly Example</title>
</head>
<body>
<h1>WebAssembly Example</h1>
<script type="text/javascript">
fetch('hello.wasm').then(response =>
response.arrayBuffer()
).then(bytes =>
WebAssembly.instantiate(bytes)
).then(results => {
results.instance.exports._hello();
});
</script>
</body>
</html>
二、使用 Node.js 的 FFI（Foreign Function Interface）
1、什么是 FFI
FFI（Foreign Function Interface）是指在一个编程语言中调用另一个编程语言的函数或程序。Node.js 提供了多种方式来实现 FFI，最常见的是使用 ffi-napi 模块。
2、安装 ffi-napi
首先，确保你已经安装了 Node.js，然后安装 ffi-napi 模块：
npm install ffi-napi
3、编写 C 代码并生成共享库
创建一个简单的 C 文件，比如 hello.c：
#include <stdio.h>
void hello() {
printf("Hello, Node.js FFI!n");
}
编译生成共享库：
gcc -shared -o libhello.so -fPIC hello.c
4、在 Node.js 中使用 FFI
创建一个 Node.js 文件，比如 index.js：
const ffi = require('ffi-napi');
// 加载共享库
const libhello = ffi.Library('./libhello', {
'hello': [ 'void', [] ]
});
// 调用 C 函数
libhello.hello();
三、使用 Emscripten
1、什么是 Emscripten
Emscripten 是一个 LLVM 到 JavaScript 的编译器，它可以将 C/C++ 代码编译成 WebAssembly 和 asm.js。Emscripten 可以生成与 JavaScript 互操作的代码，使得你可以在 JavaScript 中调用 C/C++ 函数。
2、安装 Emscripten
参考前面的步骤，安装 Emscripten。
3、编写 C 代码
创建一个简单的 C 文件，比如 hello.c：
#include <emscripten.h>
#include <stdio.h>
EMSCRIPTEN_KEEPALIVE
void hello() {
printf("Hello, Emscripten!n");
}
4、编译 C 代码为 WebAssembly
使用 Emscripten 将 hello.c 编译成 WebAssembly：
emcc hello.c -s WASM=1 -o hello.js
5、在 HTML 和 JavaScript 中使用 WebAssembly
参考前面的步骤，创建一个简单的 HTML 文件来加载和执行 WebAssembly。
四、使用 N-API
1、什么是 N-API
N-API 是 Node.js 的一个 API，用于构建原生插件。它提供了一种稳定的二进制接口，使得你可以用 C/C++ 编写原生插件，并在 Node.js 中使用这些插件。
2、安装 Node.js 和 N-API
确保你已经安装了 Node.js，然后创建一个新的 Node.js 项目：
mkdir myaddon
cd myaddon
npm init -y
安装 node-addon-api 模块：
npm install node-addon-api
3、编写 C++ 代码
创建一个 C++ 文件，比如 hello.cpp：
#include <napi.h>
void Hello(const Napi::CallbackInfo& info) {
printf("Hello, N-API!n");
}
Napi::Object Init(Napi::Env env, Napi::Object exports) {
exports.Set(Napi::String::New(env, "hello"), Napi::Function::New(env, Hello));
return exports;
}
NODE_API_MODULE(hello, Init)
4、编写 binding.gyp 文件
创建一个 binding.gyp 文件来配置构建过程：
{
"targets": [
{
"target_name": "hello",
"sources": [ "hello.cpp" ]
}
]
}
5、构建和使用插件
使用 node-gyp 来构建插件：
npx node-gyp configure
npx node-gyp build
创建一个 Node.js 文件，比如 index.js：
const addon = require('./build/Release/hello');
addon.hello();
五、总结
通过 WebAssembly、Node.js 的 FFI（Foreign Function Interface）、Emscripten、N-API 等方法，你可以在 JavaScript 中绑定并调用 C 代码。这些方法各有优缺点，选择适合你的项目需求的方法尤为重要。WebAssembly 提供了高性能和跨平台的解决方案，Node.js 的 FFI 则适用于服务器端的高效调用。
无论你选择哪种方法，理解其核心原理和使用场景将有助于你在项目中更好地应用这些技术。如果你在项目团队管理中需要协作和管理工具，建议使用研发项目管理系统PingCode和通用项目协作软件Worktile，它们将极大地提高团队的工作效率和项目管理水平。
相关问答FAQs：
1. 如何在JavaScript中绑定C语言？
在JavaScript中无法直接绑定C语言，因为它们是不同的编程语言。JavaScript是一种脚本语言，而C语言是一种编译语言。然而，你可以使用一些工具或库来将它们结合使用，例如使用emscripten将C代码编译为JavaScript，或者使用Node.js的C++插件来调用C函数。
2. 如何在JavaScript中调用C函数？
要在JavaScript中调用C函数，你可以使用Node.js的C++插件。首先，将C代码编译为共享库，然后使用Node.js的C++插件模块绑定到JavaScript中。这样，你就可以在JavaScript中直接调用C函数了。
3. 有没有其他方法可以在JavaScript中与C语言交互？
除了使用emscripten或Node.js的C++插件，还有其他一些方法可以在JavaScript中与C语言交互。例如，你可以使用WebAssembly将C代码编译为二进制格式，然后在JavaScript中加载和执行。另外，你还可以使用WebSocket或HTTP请求来与运行C语言的服务器进行通信，实现JavaScript与C语言之间的数据传输和交互。
文章包含AI辅助创作，作者：Edit2，如若转载，请注明出处：https://docs.pingcode.com/baike/3505353
