webassembly C++ 调用js 代码

WebAssembly（Wasm）是一种可以在现代浏览器中运行的低级字节码格式，它旨在提供一个编译目标，可以在多种语言中编译，其中包括C++。C++编译到WebAssembly后，可以在支持WebAssembly的浏览器环境中运行，与JavaScript代码进行交互。

C++代码在WebAssembly模块中运行时，可以通过WebAssembly的JavaScript接口调用宿主环境（即浏览器）中的JavaScript函数。这允许WebAssembly模块使用JavaScript的功能，例如DOM操作、异步操作、网络请求等。

要在WebAssembly中调用JavaScript代码，你需要在C++代码中定义一个JavaScript函数接口，并通过WebAssembly暴露出来。然后在JavaScript中实例化WebAssembly模块，并通过WebAssembly暴露的接口调用C++函数。以下是一个简单的例子：

1. 在C++代码中，你可以使用`EMSCRIPTEN`提供的工具和宏来定义一个可以被JavaScript调用的函数：

   #include <emscripten/emscripten.h>

   extern "C" {
       EMSCRIPTEN_KEEPALIVE
       int add(int a, int b) {
           return a + b;
       }
   }

2. 将C++代码编译为WebAssembly模块：
使用Emscripten编译器（`emcc`）编译上述代码为WebAssembly。

3. 在JavaScript代码中加载并实例化WebAssembly模块：

   WebAssembly.instantiateStreaming(fetch('your_module.wasm'), importObject)
     .then(result => {
       const exports = result.instance.exports;
       console.log(exports.add(1, 2)); // 这将输出3
     });

通过这种方式，C++代码中的函数就可以被JavaScript调用，反之亦然。C++代码可以作为后端逻辑，通过这种方式与前端的JavaScript代码进行交互。