js怎么调用c 的函数

通过JavaScript调用C语言函数的方法包括：使用WebAssembly、Node.js的FFI模块、使用Electron等。 其中，WebAssembly 是现代浏览器支持的二进制格式，专为高性能应用设计。通过将C代码编译为WebAssembly，JavaScript可以直接调用这些预编译的C函数。

WebAssembly的优势在于其高效的性能和浏览器的广泛支持。通过使用Emscripten编译器，可以将C代码编译成WebAssembly模块，并在JavaScript中加载和调用这些模块。具体而言，Emscripten不仅支持C语言，还支持C++，并且提供了丰富的API，使得跨语言调用变得简单而高效。

一、WebAssembly的基本概念

WebAssembly（简称Wasm）是一种新的编程语言格式，旨在为Web应用提供接近原生性能的运行能力。它是一种二进制指令格式，可以在现代浏览器中运行，通过紧凑的表示形式和高效的执行模型，Wasm在性能上具有显著优势。

Wasm的设计目标之一是与JavaScript紧密集成，使得它可以作为JavaScript的一个补充。通过这种集成，开发者可以在JavaScript中调用Wasm模块中的函数，从而实现高性能的计算任务。

二、使用Emscripten编译C代码

Emscripten是一个LLVM到JavaScript的编译器，专门用于将C和C++代码编译为WebAssembly或asm.js。它提供了一套完整的工具链，包括编译器、标准库和调试工具，可以极大地简化将C代码移植到Web平台的过程。

1、安装Emscripten

首先，需要安装Emscripten。可以通过以下步骤进行安装：

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

2、编写C代码

假设有一个简单的C函数，它接受两个整数并返回它们的和：

// add.c
int add(int a, int b) {
    return a + b;
}

3、使用Emscripten编译C代码

使用Emscripten编译上述C代码为WebAssembly模块：

emcc add.c -s WASM=1 -o add.js

这将生成两个文件：add.js 和 add.wasm。add.js 文件包含加载和初始化WebAssembly模块的JavaScript代码，而 add.wasm 文件则是WebAssembly模块本身。

4、在JavaScript中调用WebAssembly函数

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Call C from JavaScript</title>
</head>
<body>
    <script src="add.js"></script>
    <script>
        var Module = {
            onRuntimeInitialized: function() {
                var result = Module._add(5, 3);
                console.log('Result:', result); // 输出：Result: 8
            }
        };
    </script>
</body>
</html>

在上面的代码中，Module._add 是通过Emscripten生成的接口函数，用于调用WebAssembly模块中的 add 函数。

三、使用Node.js的FFI模块

Node.js提供了一个名为ffi的模块，可以用来调用动态链接库中的C函数。ffi模块允许在Node.js中加载共享库，并调用其中的函数。

1、安装ffi模块

首先，需要安装ffi模块及其依赖项：

npm install ffi-napi ref-napi

2、编写C代码并生成共享库

假设有一个简单的C函数，它接受两个整数并返回它们的和：

// add.c
int add(int a, int b) {
    return a + b;
}

编译上述C代码为共享库：

gcc -shared -o add.so add.c

3、在Node.js中调用C函数

在Node.js中加载并调用共享库中的C函数：

const ffi = require('ffi-napi');
const ref = require('ref-napi');
// 定义共享库的路径和函数签名
const lib = ffi.Library('./add', {
    'add': ['int', ['int', 'int']]
});
// 调用C函数
const result = lib.add(5, 3);
console.log('Result:', result); // 输出：Result: 8

四、使用Electron

Electron是一个用于构建跨平台桌面应用的框架，它结合了Node.js和Chromium。通过Electron，可以在桌面应用中使用Node.js的能力，从而调用C函数。

1、创建Electron应用

首先，创建一个新的Electron应用：

mkdir my-electron-app cd my-electron-app npm init -y npm install electron ffi-napi ref-napi

2、设置Electron入口文件

在项目根目录创建一个名为 main.js 的文件，并添加以下内容：

const { app, BrowserWindow } = require('electron');
const path = require('path');
const ffi = require('ffi-napi');
const ref = require('ref-napi');
function createWindow () {
    const mainWindow = new BrowserWindow({
        width: 800,
        height: 600,
        webPreferences: {
            preload: path.join(__dirname, 'preload.js')
        }
    });
    mainWindow.loadFile('index.html');
}
app.on('ready', createWindow);
app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') {
        app.quit();
    }
});
app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
        createWindow();
    }
});

在项目根目录创建一个名为 preload.js 的文件，并添加以下内容：

window.addEventListener('DOMContentLoaded', () => {
    const ffi = require('ffi-napi');
    const ref = require('ref-napi');
    // 定义共享库的路径和函数签名
    const lib = ffi.Library('./add', {
        'add': ['int', ['int', 'int']]
    });
    // 调用C函数
    const result = lib.add(5, 3);
    console.log('Result:', result); // 输出：Result: 8
});

在项目根目录创建一个名为 index.html 的文件，并添加以下内容：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Call C from Electron</title>
</head>
<body>
    <h1>Calling C from Electron</h1>
    <script>
        console.log('Check the console for the result.');
    </script>
</body>
</html>

3、运行Electron应用

在项目根目录创建一个名为 package.json 的文件，并添加以下内容：

{
  "name": "my-electron-app",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "start": "electron ."
  },
  "dependencies": {
    "electron": "^12.0.0",
    "ffi-napi": "^4.0.3",
    "ref-napi": "^3.0.3"
  }
}

运行Electron应用：

npm start

五、总结

通过上述方法，可以在不同的环境中通过JavaScript调用C语言函数。WebAssembly 提供了高效的性能和广泛的浏览器支持，是在Web环境中调用C函数的首选。Node.js的FFI模块 允许在Node.js应用中加载共享库并调用C函数，非常适合服务器端应用。Electron 则结合了Node.js和Chromium，使得在桌面应用中调用C函数变得简单而高效。

在项目团队管理系统方面，如果需要推荐高效的项目管理工具，可以考虑研发项目管理系统PingCode 和 通用项目协作软件Worktile。这两款工具在项目管理和团队协作方面表现出色，可以极大地提高团队的工作效率。