js脚本怎么与c 脚本交互

JS脚本与C脚本交互的方法有多种，主要包括：使用WebAssembly、通过Node.js的C++插件、利用FFI（外部函数接口）进行交互。 其中，WebAssembly 是一种新兴的技术，能够将C代码编译为可以在浏览器中运行的字节码；Node.js的C++插件 允许你在服务器端使用C/C++编写高性能的模块；FFI 则可以让你在多种环境下调用C函数。下面详细介绍如何使用WebAssembly实现JS与C的交互。

一、WebAssembly

1.1 WebAssembly简介

WebAssembly（简称Wasm）是一种可以在现代浏览器中运行的二进制指令格式，设计为一种可移植的编程语言，可以被多种语言编译目标。它允许开发者将C/C++等语言的代码编译为一种可以在Web中运行的格式，从而实现高性能计算。

1.2 编译C代码为WebAssembly

要将C代码编译为WebAssembly，我们可以使用Emscripten工具链。Emscripten是一个将LLVM编译器基础设施生成的字节码转化为JavaScript和WebAssembly的编译器。

安装Emscripten

你可以从Emscripten的官方网站下载并安装工具链。安装完成后，使用以下命令来设置环境变量：
```
source /path/to/emsdk/emsdk_env.sh
```

编写C代码

让我们编写一个简单的C代码，计算两个数的和：

// add.c
#include <stdio.h>
int add(int a, int b) {
    return a + b;
}

编译为WebAssembly

使用Emscripten将C代码编译为WebAssembly：
```
emcc add.c -o add.js -s EXPORTED_FUNCTIONS='["_add"]' -s EXTRA_EXPORTED_RUNTIME_METHODS='["cwrap"]'
```
这会生成两个文件：add.js 和 add.wasm。

1.3 在JavaScript中使用WebAssembly

加载WebAssembly模块

你可以在你的HTML文件中加载并使用生成的WebAssembly模块：

<!DOCTYPE html>
<html>
<head>
    <title>WebAssembly Example</title>
    <script src="add.js"></script>
</head>
<body>
    <script>
        // 等待WebAssembly模块加载完毕
        Module.onRuntimeInitialized = function() {
            // 使用cwrap包装函数
            var add = Module.cwrap('add', 'number', ['number', 'number']);
            // 调用C函数
            var result = add(5, 3);
            console.log('Result:', result);
        };
    </script>
</body>
</html>

解释代码
- Module.onRuntimeInitialized：这是一个回调函数，当WebAssembly模块加载完毕时会被调用。
- Module.cwrap：这是Emscripten提供的一个方法，用于包装C函数，使其可以在JavaScript中调用。
- add：这是包装后的C函数，可以直接在JavaScript中调用。

二、Node.js的C++插件

2.1 Node.js C++插件简介

Node.js允许你使用C++编写高性能的原生模块，这些模块可以在Node.js中直接调用。通过这种方式，你可以在服务器端利用C/C++的高效计算能力。

2.2 编写与编译C++插件

安装Node.js和npm

你需要先安装Node.js和npm（Node包管理器），可以从Node.js的官方网站下载并安装。
初始化Node.js项目

创建一个新的项目目录并初始化：
```
mkdir myaddon
cd myaddon
npm init -y
```
安装Node.js的N-API依赖

N-API是Node.js提供的用于编写原生插件的API。你可以通过npm安装：
```
npm install node-addon-api
```

编写C++代码

创建一个addon.cpp文件，编写C++代码：

#include <napi.h>
int add(int a, int b) {
    return a + b;
}
Napi::Number AddWrapped(const Napi::CallbackInfo& info) {
    Napi::Env env = info.Env();
    int a = info[0].As<Napi::Number>().Int32Value();
    int b = info[1].As<Napi::Number>().Int32Value();
    int result = add(a, b);
    return Napi::Number::New(env, result);
}
Napi::Object Init(Napi::Env env, Napi::Object exports) {
    exports.Set("add", Napi::Function::New(env, AddWrapped));
    return exports;
}
NODE_API_MODULE(addon, Init)

编写binding.gyp文件

binding.gyp文件用于配置如何编译你的C++代码：

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

编译C++插件

使用node-gyp工具编译你的插件：
```
npx node-gyp configure
npx node-gyp build
```

在JavaScript中使用C++插件

创建一个index.js文件，加载并使用编译后的插件：

const addon = require('./build/Release/addon');
const result = addon.add(5, 3);
console.log('Result:', result);

三、FFI（外部函数接口）

3.1 FFI简介

FFI（Foreign Function Interface）是一种允许程序调用不同编程语言函数的机制。对于JavaScript来说，可以使用ffi-napi库来调用C函数。

3.2 使用FFI进行JS与C的交互

安装Node.js和npm

你需要先安装Node.js和npm。
安装ffi-napi

使用npm安装ffi-napi库：
```
npm install ffi-napi
```

编写C代码并编译

编写一个简单的C代码并编译为共享库：

// add.c
#include <stdio.h>
int add(int a, int b) {
    return a + b;
}

编译为共享库：

gcc -shared -o libadd.so -fPIC add.c

在JavaScript中使用FFI调用C函数

创建一个index.js文件，加载并使用共享库：

const ffi = require('ffi-napi');
const lib = ffi.Library('./libadd', {
    'add': ['int', ['int', 'int']]
});
const result = lib.add(5, 3);
console.log('Result:', result);

通过以上几种方法，你可以实现JS脚本与C脚本的交互。其中，WebAssembly 是一种非常适合在浏览器中运行高性能计算的技术，Node.js的C++插件 则适合在服务器端使用，FFI 则提供了一种通用的调用C函数的方法。根据你的具体需求选择合适的方式进行JS与C的交互。