有详细调用示例， webassembly中c++调用js存储数据到本地

当WebAssembly中的C++代码需要保存数据到本地时，可以通过调用JavaScript代码来实现。以下是一个简单的示例，展示了如何在WebAssembly中调用JavaScript代码并使用localStorage API保存数据到本地：

C++代码：

#include <emscripten.h>
#include <emscripten/bind.h>
#include <string>

using namespace emscripten;

// 定义保存数据到本地的函数
void saveDataToLocal(std::string key, std::string value) {
  EM_ASM_({
    // 将字符串参数转换为JavaScript字符串对象
    var key = Pointer_stringify($0);
    var value = Pointer_stringify($1);
    
    // 使用localStorage API保存数据到本地
    localStorage.setItem(key, value);
  }, key.c_str(), value.c_str());
}

// 绑定C++函数到JavaScript
EMSCRIPTEN_BINDINGS(my_module) {
  function("saveDataToLocal", &saveDataToLocal);
}

在上面的代码中，我们定义了一个`saveDataToLocal`函数，用于保存数据到本地。然后使用`EM_ASM_`宏调用JavaScript代码，将C++字符串参数转换为JavaScript字符串对象，并使用localStorage API保存数据到本地。

JavaScript代码：

// 导入WebAssembly模块
const module = await WebAssembly.instantiateStreaming(fetch('my_module.wasm'), {});

// 调用C++函数保存数据到本地
module.instance.exports.saveDataToLocal("config", JSON.stringify(configData));

在JavaScript代码中，我们首先导入WebAssembly模块，并使用`fetch`函数加载wasm文件。然后使用`instantiateStreaming`函数实例化模块，并在其中调用C++函数`saveDataToLocal`，将配置数据存储到本地。这里我们使用了`JSON.stringify`将JavaScript对象转换为字符串，以便存储到localStorage中。

需要注意的是，在Chrome和Firefox等现代浏览器中，WebAssembly可以直接访问localStorage API。但在Safari浏览器中，由于WebAssembly的安全限制，无法直接访问localStorage API。因此，需要在JavaScript代码中通过`EM_ASM_`宏调用localStorage API。