js调用c 怎么用

在JavaScript中调用C代码的方法主要有：使用WebAssembly、使用Node.js的C++插件、通过N-API、使用emscripten工具链。其中，WebAssembly是一种现代且高效的方法，能够将C/C++代码编译为一种可以在浏览器中运行的二进制格式。接下来，我们将详细探讨如何通过这些方法实现JavaScript调用C代码。

一、使用WebAssembly

1.1 什么是WebAssembly？

WebAssembly（简称Wasm）是一种二进制指令格式，旨在成为一种高效的编译目标，适用于各种语言，尤其是C和C++。它在浏览器中运行速度极快，并且可以与JavaScript无缝集成。

1.2 编译C代码到WebAssembly

要将C代码编译成WebAssembly，可以使用emscripten工具链。Emscripten是一个LLVM到JavaScript和WebAssembly的编译器。

首先，安装Emscripten。

git clone https://github.com/emscripten-core/emsdk.git cd emsdk ./emsdk install latest ./emsdk activate latest source ./emsdk_env.sh

编译你的C代码。

假设你有一个名为hello.c的C文件：
```
#include <stdio.h>
int main() {
    printf("Hello, WebAssembly!n");
    return 0;
}
```
使用emscripten进行编译：
```
emcc hello.c -o hello.html
```
这将生成一个HTML文件和一个WebAssembly文件。

1.3 在JavaScript中使用WebAssembly

生成的HTML文件已经包含了运行WebAssembly代码所需的JavaScript代码。你可以使用这些文件直接在浏览器中运行你的C代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WebAssembly Example</title>
</head>
<body>
    <script>
        fetch('hello.wasm').then(response =>
            response.arrayBuffer()
        ).then(bytes =>
            WebAssembly.instantiate(bytes)
        ).then(results => {
            results.instance.exports._main();
        });
    </script>
</body>
</html>

二、使用Node.js的C++插件

2.1 什么是Node.js C++插件？

Node.js提供了一种机制，可以编写C++插件，然后在JavaScript中调用这些插件。这个机制使得你可以利用C++的性能优势，同时享受JavaScript的灵活性。

2.2 创建Node.js C++插件

安装Node.js和npm。
使用node-gyp生成项目模板。
```
npm install -g node-gyp
node-gyp init
```

创建一个C++文件，例如hello.cpp。

#include <node.h>
void Method(const v8::FunctionCallbackInfo<v8::Value>& args) {
    v8::Isolate* isolate = args.GetIsolate();
    args.GetReturnValue().Set(v8::String::NewFromUtf8(isolate, "Hello, World!").ToLocalChecked());
}
void Initialize(v8::Local<v8::Object> exports) {
    NODE_SET_METHOD(exports, "hello", Method);
}
NODE_MODULE(NODE_GYP_MODULE_NAME, Initialize)

在binding.gyp文件中配置C++插件。

{
    "targets": [
        {
            "target_name": "hello",
            "sources": [ "hello.cpp" ]
        }
    ]
}

编译插件。
```
node-gyp configure
node-gyp build
```

在JavaScript中使用插件。

const addon = require('./build/Release/hello');
console.log(addon.hello());

三、通过N-API调用C代码

3.1 什么是N-API？

N-API是Node.js的一种API，用于在Node.js中编写原生插件。它的优点是与Node.js的版本无关，提供了一种稳定的接口。

3.2 使用N-API编写C++插件

安装必要的包。
```
npm install node-addon-api
```

创建一个C++文件，例如hello.cpp。

#include <napi.h>
Napi::String Method(const Napi::CallbackInfo& info) {
    Napi::Env env = info.Env();
    return Napi::String::New(env, "Hello, World!");
}
Napi::Object Init(Napi::Env env, Napi::Object exports) {
    exports.Set(Napi::String::New(env, "hello"), Napi::Function::New(env, Method));
    return exports;
}
NODE_API_MODULE(hello, Init)

在binding.gyp文件中配置N-API插件。

{
    "targets": [
        {
            "target_name": "hello",
            "sources": [ "hello.cpp" ],
            "include_dirs": [
                "<!(node -p "require('node-addon-api').include")"
            ],
            "dependencies": [
                "<!(node -p "require('node-addon-api').gyp")"
            ],
            "cflags!": [ "-fno-exceptions" ],
            "cflags_cc!": [ "-fno-exceptions" ],
            "defines": [ "NAPI_DISABLE_CPP_EXCEPTIONS" ]
        }
    ]
}

编译插件。
```
node-gyp configure
node-gyp build
```

在JavaScript中使用插件。

const addon = require('./build/Release/hello');
console.log(addon.hello());

四、使用Emscripten工具链

4.1 什么是Emscripten？

Emscripten是一个LLVM到JavaScript和WebAssembly的编译器，它可以将C和C++代码编译成可以在浏览器中运行的JavaScript和WebAssembly代码。

4.2 使用Emscripten编译C代码

安装Emscripten。

git clone https://github.com/emscripten-core/emsdk.git cd emsdk ./emsdk install latest ./emsdk activate latest source ./emsdk_env.sh

编译C代码。

假设你有一个名为hello.c的C文件：

#include <stdio.h>
void say_hello() {
    printf("Hello, Emscripten!n");
}

使用emscripten进行编译：

emcc hello.c -o hello.js -s EXPORTED_FUNCTIONS='["_say_hello"]'

在JavaScript中使用编译后的代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Emscripten Example</title>
</head>
<body>
    <script src="hello.js"></script>
    <script>
        Module.onRuntimeInitialized = () => {
            Module._say_hello();
        };
    </script>
</body>
</html>

五、总结

在这篇文章中，我们详细探讨了几种在JavaScript中调用C代码的方法，包括使用WebAssembly、Node.js的C++插件、通过N-API以及使用Emscripten工具链。WebAssembly是一种现代且高效的方法，适用于在浏览器中运行高性能的C/C++代码。Node.js的C++插件和N-API则提供了在服务器端利用C/C++代码的途径。这些方法各有优劣，选择哪种方法取决于你的具体需求和应用场景。