怎么c 和js结合

C语言和JavaScript结合的几种方式包括：嵌入式JavaScript引擎、WebAssembly、HTTP接口、Node.js原生模块。 其中，WebAssembly是一种将C代码编译成一种可以在JavaScript中运行的低级字节码格式，允许在Web浏览器中高效运行C代码。以下将详细描述如何使用WebAssembly来结合C和JavaScript。

一、嵌入式JavaScript引擎

嵌入式JavaScript引擎（如V8或Duktape）可以将JavaScript嵌入到C程序中，使C程序能够执行JavaScript代码。通过嵌入JavaScript引擎，可以直接在C程序中调用JavaScript函数，反之亦然。

嵌入V8引擎

V8是Google开发的开源JavaScript引擎，用于Chrome浏览器和Node.js。将V8嵌入到C程序中需要以下几个步骤：

下载和编译V8

克隆V8代码库并编译它：

git clone https://chromium.googlesource.com/v8/v8.git cd v8 ./build/install-build-deps.sh gclient sync tools/dev/v8gen.py x64.release ninja -C out.gn/x64.release

编写C程序

编写一个简单的C程序来嵌入V8并执行JavaScript代码：

#include <iostream>
#include "libplatform/libplatform.h"
#include "v8.h"
void ExecuteScript(v8::Isolate* isolate, const std::string& source) {
    v8::Isolate::Scope isolate_scope(isolate);
    v8::HandleScope handle_scope(isolate);
    v8::Local<v8::Context> context = v8::Context::New(isolate);
    v8::Context::Scope context_scope(context);
    v8::Local<v8::String> source_str = v8::String::NewFromUtf8(isolate, source.c_str(),
                                                               v8::NewStringType::kNormal)
                                          .ToLocalChecked();
    v8::Local<v8::Script> script = v8::Script::Compile(context, source_str).ToLocalChecked();
    v8::Local<v8::Value> result = script->Run(context).ToLocalChecked();
    v8::String::Utf8Value utf8(isolate, result);
    std::cout << *utf8 << std::endl;
}
int main(int argc, char* argv[]) {
    v8::V8::InitializeICUDefaultLocation(argv[0]);
    v8::V8::InitializeExternalStartupData(argv[0]);
    std::unique_ptr<v8::Platform> platform = v8::platform::NewDefaultPlatform();
    v8::V8::InitializePlatform(platform.get());
    v8::V8::Initialize();
    v8::Isolate::CreateParams create_params;
    create_params.array_buffer_allocator =
        v8::ArrayBuffer::Allocator::NewDefaultAllocator();
    v8::Isolate* isolate = v8::Isolate::New(create_params);
    const std::string source = "'Hello, World!'.toUpperCase()";
    ExecuteScript(isolate, source);
    isolate->Dispose();
    v8::V8::Dispose();
    v8::V8::ShutdownPlatform();
    delete create_params.array_buffer_allocator;
    return 0;
}

编译和运行

使用适当的编译器选项将C程序与V8库链接：

g++ -I/path/to/v8/include -L/path/to/v8/out.gn/x64.release -lv8 -lv8_libplatform -o v8_embed v8_embed.cpp ./v8_embed

二、WebAssembly

WebAssembly是一种低级编程语言，可以将C代码编译成一种字节码格式，这种格式可以在Web浏览器中高效运行。使用WebAssembly可以将C代码与JavaScript结合在一起，从而实现高效的跨语言调用。

编译C代码到WebAssembly

安装Emscripten

Emscripten是一个LLVM到JavaScript编译器，可以将C/C++代码编译成WebAssembly。首先，安装Emscripten：

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

编写C代码

编写一个简单的C程序：

#include <stdio.h>
int add(int a, int b) {
    return a + b;
}
int main() {
    printf("Hello, WebAssembly!n");
    return 0;
}

编译到WebAssembly

使用Emscripten将C代码编译成WebAssembly：
```
emcc hello.c -o hello.html
```
这将生成三个文件：hello.html、hello.js和hello.wasm。
在浏览器中运行

打开生成的hello.html文件，浏览器将加载并运行WebAssembly模块。

在JavaScript中调用WebAssembly函数

加载WebAssembly模块

使用JavaScript加载并调用WebAssembly模块：

fetch('hello.wasm').then(response =>
    response.arrayBuffer()
).then(bytes =>
    WebAssembly.instantiate(bytes)
).then(results => {
    const instance = results.instance;
    console.log(instance.exports.add(1, 2)); // 输出 3
});

与JavaScript函数交互

可以将JavaScript函数传递给WebAssembly模块，并从WebAssembly模块调用JavaScript函数：

#include <emscripten.h>
extern void js_func();
int main() {
    EM_ASM({
        js_func = function() {
            console.log('Hello from JavaScript!');
        };
    });
    js_func();
    return 0;
}

编译并加载这个WebAssembly模块后，将会调用JavaScript函数并输出信息。

三、HTTP接口

通过HTTP接口，C程序可以作为服务器端，JavaScript作为客户端，二者通过HTTP请求进行通信。可以使用诸如HTTP库（如libcurl）在C中处理HTTP请求。

在C中实现HTTP服务器

使用libmicrohttpd库

libmicrohttpd是一个轻量级C库，用于实现HTTP服务器。首先，安装libmicrohttpd：
```
sudo apt-get install libmicrohttpd-dev
```

编写HTTP服务器代码

编写一个简单的HTTP服务器：

#include <microhttpd.h>
#include <stdio.h>
#include <string.h>
#define PORT 8888
int answer_to_connection(void *cls, struct MHD_Connection *connection,
                         const char *url, const char *method, const char *version,
                         const char *upload_data, size_t *upload_data_size, void con_cls) {
    const char *page = "<html><body><h1>Hello, World!</h1></body></html>";
    struct MHD_Response *response;
    int ret;
    response = MHD_create_response_from_buffer(strlen(page), (void *)page, MHD_RESPMEM_PERSISTENT);
    ret = MHD_queue_response(connection, MHD_HTTP_OK, response);
    MHD_destroy_response(response);
    return ret;
}
int main() {
    struct MHD_Daemon *daemon;
    daemon = MHD_start_daemon(MHD_USE_SELECT_INTERNALLY, PORT, NULL, NULL,
                              &answer_to_connection, NULL, MHD_OPTION_END);
    if (NULL == daemon) return 1;
    printf("HTTP server is running on port %dn", PORT);
    getchar();
    MHD_stop_daemon(daemon);
    return 0;
}

编译和运行

编译并运行HTTP服务器：

gcc -o http_server http_server.c -lmicrohttpd ./http_server

在JavaScript中发起HTTP请求

使用Fetch API

使用Fetch API从JavaScript客户端向C服务器发起HTTP请求：

fetch('http://localhost:8888')
    .then(response => response.text())
    .then(data => {
        console.log(data);
    })
    .catch(error => console.error('Error:', error));

处理HTTP响应

JavaScript客户端可以处理来自C服务器的HTTP响应并进行相应的操作：

fetch('http://localhost:8888')
    .then(response => response.json())
    .then(data => {
        console.log('Received data:', data);
    })
    .catch(error => console.error('Error:', error));

四、Node.js原生模块

Node.js允许通过编写原生模块将C/C++代码与JavaScript结合在一起。这些模块使用Node.js的N-API来创建和管理原生代码。

编写Node.js原生模块

安装Node.js和Node-gyp

Node-gyp是一个用于编译原生模块的工具，首先安装Node.js和Node-gyp：
```
npm install -g node-gyp
```

编写C++代码

创建一个简单的C++文件（addon.cpp）：

#include <napi.h>
Napi::String HelloWorld(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, HelloWorld));
    return exports;
}
NODE_API_MODULE(addon, Init)

编写binding.gyp文件

创建一个binding.gyp文件来配置构建过程：

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

编译和运行

使用Node-gyp编译C++代码并在JavaScript中使用：

node-gyp configure node-gyp build

在JavaScript代码中加载并调用原生模块：

const addon = require('./build/Release/addon');
console.log(addon.hello()); // 输出 "Hello, World!"

总结

通过嵌入式JavaScript引擎、WebAssembly、HTTP接口和Node.js原生模块，C和JavaScript可以在各种环境下高效结合。每种方法都有其独特的优点和适用场景，选择适合的方式可以大大提高开发效率和应用性能。无论是嵌入JavaScript引擎以在C程序中直接执行JavaScript代码，还是使用WebAssembly在浏览器中运行高效的C代码，亦或是通过HTTP接口实现跨语言通信，甚至是使用Node.js原生模块在服务器端实现高性能计算，这些方法都为开发者提供了强大的工具和灵活的选择。

怎么c 和js结合

一、嵌入式JavaScript引擎

嵌入V8引擎

二、WebAssembly

编译C代码到WebAssembly

在JavaScript中调用WebAssembly函数

三、HTTP接口

在C中实现HTTP服务器

在JavaScript中发起HTTP请求

四、Node.js原生模块

编写Node.js原生模块

总结

相关问答FAQs：