如何为C++生成WebAssembly Interface Types绑定？

你说得没错，wasm-bindgen确实是Rust生态里处理Wasm Interface Types绑定的主流工具，但C++生态也有对应的解决方案，下面我整理几个实用的选项，看看是不是你之前没留意到的：

• Emscripten自带的EMSCRIPTEN_BINDINGS宏
  这其实是Emscripten专门为C++到JS的交互设计的绑定工具，功能和wasm-bindgen类似，能自动生成处理类型转换、内存管理的胶水代码，完美支持Interface Types相关的场景。举个简单的例子：

  #include <emscripten/bind.h>
  #include <string>
  
  using namespace emscripten;
  
  std::string greet(const std::string& name) {
      return "Hello, " + name + "!";
  }
  
  EMSCRIPTEN_BINDINGS(greeting_module) {
      function("greet", &greet);
  }
  

  编译时只需要给emcc加上--bind参数：

  emcc your_code.cpp --bind -o output.js
  

  生成的output.js会包含对应的JS绑定，你可以直接在浏览器或Node.js中调用greet函数，就像调用普通JS函数一样。

• Emscripten的val类：直接操作JS对象
  如果需要更灵活地和JS环境交互（比如直接调用JS API、操作JS对象），Emscripten的val类可以让你在C++代码中直接操作JS值，不需要额外的绑定声明。比如：

  #include <emscripten/val.h>
  #include <string>
  
  using namespace emscripten;
  
  void greet(val name) {
      val console = val::global("console");
      console.call<void>("log", std::string("Hello, ") + name.as<std::string>() + "!");
  }
  
  EMSCRIPTEN_BINDINGS(greeting_module) {
      function("greet", &greet);
  }
  

  这种方式可以无缝对接JS的各种类型，甚至复杂对象，非常适合需要深度交互的场景。

• 手动编写胶水代码（适合精细控制）
  如果你需要完全掌控绑定逻辑，可以手动利用Emscripten提供的ccall/cwrap API来编写JS侧的胶水代码，同时在C++中暴露extern "C"接口。比如：

  #include <string>
  
  extern "C" {
      const char* greet(const char* name) {
          static std::string result;
          result = "Hello, " + std::string(name) + "!";
          return result.c_str();
      }
  }
  

  然后在JS中调用：

  const greet = Module.cwrap('greet', 'string', ['string']);
  console.log(greet('World'));
  

  这种方式需要自己处理内存管理（比如字符串的生命周期），但灵活性最高，适合定制化需求。

需要注意的是，Clang本身并没有内置的Wasm绑定工具，但Emscripten是基于Clang构建的完整工具链，所以用Emscripten就能覆盖大部分C++到Wasm的绑定需求，包括Interface Types的交互场景。目前Wasm Interface Types的标准还在演进中，但Emscripten的实现已经足够稳定，能满足日常开发的需求。

内容的提问来源于stack exchange，提问作者ovk