c 和js怎么互相调用

C 和 JavaScript 互相调用：使用 WebAssembly、使用 Node.js 的 FFI、通过 WebSockets、使用 Emscripten。在这些方法中，WebAssembly 是最强大且最具前景的技术。WebAssembly 是一种高效的二进制格式，可以让你在浏览器中运行接近本地性能的代码。

一、WEBASSEMBLY

1. 简介

WebAssembly（缩写为Wasm）是一种用于在现代Web浏览器中运行高性能应用的二进制指令格式。它提供了一种与JavaScript紧密集成的方式，使开发者能够在浏览器中运行用C或其他编译语言编写的代码。

2. 编写和编译C代码

首先，你需要准备好你的C代码。例如，创建一个简单的C文件 hello.c：

#include <stdio.h>
void hello() {
    printf("Hello from C!n");
}

3. 使用Emscripten编译

Emscripten 是一个LLVM到JavaScript的编译器，可以将C/C++代码编译成WebAssembly。你可以从其官方网站下载并安装Emscripten。然后，使用以下命令编译你的C代码：

emcc hello.c -o hello.js -s EXPORTED_FUNCTIONS="['_hello']" -s EXTRA_EXPORTED_RUNTIME_METHODS="['ccall', 'cwrap']"

4. 在JavaScript中调用

编译后会生成两个文件：hello.js 和 hello.wasm。然后，你可以在HTML文件中通过JavaScript调用这个C函数：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>WebAssembly Example</title>
</head>
<body>
    <script src="hello.js"></script>
    <script>
        Module.onRuntimeInitialized = function() {
            Module.ccall('hello', null, [], []);
        };
    </script>
</body>
</html>

在这个例子中，当WebAssembly运行时，hello函数将被调用，并在控制台输出“Hello from C!”。

二、使用 NODE.JS 的 FFI

1. 简介

Node.js 的 FFI（Foreign Function Interface）允许你在 Node.js 中调用用C编写的函数。这个方法适用于服务器端的应用程序。

2. 编写和编译C代码

首先，编写你的C代码并编译成动态链接库（例如，.so、.dll、.dylib 文件）。例如，创建一个 hello.c 文件：

#include <stdio.h>
void hello() {
    printf("Hello from C!n");
}

编译成共享库：

gcc -shared -o libhello.so -fPIC hello.c

3. 使用 Node-ffi 模块

安装 node-ffi 模块：

npm install ffi-napi

然后，在你的Node.js代码中使用这个模块：

const ffi = require('ffi-napi');
const libhello = ffi.Library('./libhello', {
    'hello': ['void', []]
});
libhello.hello();

这段代码会在Node.js环境中调用C函数并输出“Hello from C!”。

三、通过 WEBSOCKETS

1. 简介

WebSockets 是一种在单个TCP连接上进行全双工通讯的协议。你可以使用它来在浏览器（JavaScript）和服务器（C代码）之间进行通信。

2. 设置 WebSocket 服务器

首先，编写一个简单的WebSocket服务器。这里用C语言编写：

#include <libwebsockets.h>
static int callback_http(struct lws *wsi, enum lws_callback_reasons reason,
                         void *user, void *in, size_t len) {
    switch (reason) {
        case LWS_CALLBACK_ESTABLISHED:
            lwsl_user("Connection establishedn");
            break;
        case LWS_CALLBACK_RECEIVE:
            lwsl_user("Received data: %sn", (char *)in);
            lws_write(wsi, in, len, LWS_WRITE_TEXT);
            break;
        default:
            break;
    }
    return 0;
}
static struct lws_protocols protocols[] = {
    { "http", callback_http, 0, 0 },
    { NULL, NULL, 0, 0 }
};
int main(void) {
    struct lws_context_creation_info info;
    struct lws_context *context;
    memset(&info, 0, sizeof info);
    info.port = 8080;
    info.protocols = protocols;
    context = lws_create_context(&info);
    if (!context) {
        lwsl_err("lws init failedn");
        return -1;
    }
    while (1) {
        lws_service(context, 1000);
    }
    lws_context_destroy(context);
    return 0;
}

3. 编写 JavaScript 客户端

在你的HTML文件中，添加JavaScript代码以连接到WebSocket服务器：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>WebSocket Example</title>
</head>
<body>
    <script>
        var ws = new WebSocket('ws://localhost:8080');
        ws.onopen = function() {
            console.log('WebSocket connection established');
            ws.send('Hello from JavaScript');
        };
        ws.onmessage = function(event) {
            console.log('Received from server: ' + event.data);
        };
    </script>
</body>
</html>

通过这种方式，你可以在C和JavaScript之间进行实时通信。

四、使用 EMSCRIPTEN

1. 简介

Emscripten 是一个将C/C++代码编译成WebAssembly和JavaScript的工具链。它不仅可以编译C代码，还提供了许多用于在JavaScript中调用C函数的便利功能。

2. 编写和编译C代码

再次编写一个简单的C文件 hello.c：

#include <stdio.h>
void hello() {
    printf("Hello from C!n");
}

3. 使用Emscripten编译

使用Emscripten编译你的C代码：

emcc hello.c -o hello.js -s EXPORTED_FUNCTIONS="['_hello']" -s EXTRA_EXPORTED_RUNTIME_METHODS="['ccall', 'cwrap']"

4. 在JavaScript中调用

编译后生成的 hello.js 文件将包含所有必要的代码。你可以在HTML文件中使用：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Emscripten Example</title>
</head>
<body>
    <script src="hello.js"></script>
    <script>
        Module.onRuntimeInitialized = function() {
            Module.ccall('hello', null, [], []);
        };
    </script>
</body>
</html>

这段代码将在WebAssembly初始化后调用C函数，并在控制台输出“Hello from C!”。

五、总结

在本文中，我们详细讨论了C和JavaScript之间的四种互相调用方法：使用WebAssembly、使用Node.js的FFI、通过WebSockets和使用Emscripten。WebAssembly 是最推荐的方法，因为它不仅高效而且与现代Web浏览器紧密集成，提供了接近本地性能的执行速度。无论你选择哪种方法，都需要根据具体需求和应用场景来决定。

如果你是研发项目团队，推荐使用研发项目管理系统PingCode 或 通用项目协作软件Worktile，它们可以帮助你更好地管理项目和团队，提高工作效率。

c 和js怎么互相调用

一、WEBASSEMBLY

1. 简介

2. 编写和编译C代码

3. 使用Emscripten编译

4. 在JavaScript中调用

二、使用 NODE.JS 的 FFI

1. 简介

2. 编写和编译C代码

3. 使用 Node-ffi 模块

三、通过 WEBSOCKETS

1. 简介

2. 设置 WebSocket 服务器

3. 编写 JavaScript 客户端

四、使用 EMSCRIPTEN

1. 简介

2. 编写和编译C代码

3. 使用Emscripten编译

4. 在JavaScript中调用

五、总结

相关问答FAQs：