如何将WebAssembly的C++对象传递给JavaScript回调函数，使用Emscripten？

在Emscripten中，可以使用emscripten::val类将C++对象转换为JavaScript对象，然后将其传递给JavaScript函数。

以下是一个示例，将C++对象（一个名为Person的类）传递给JavaScript回调函数：

C++代码：

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

class Person {
public:
  std::string name;
  int age;
};

// 使用EMSCRIPTEN_KEEPALIVE修饰导出函数，防止被优化
EMSCRIPTEN_KEEPALIVE
Person* get_person() {
  Person* p = new Person();
  p->name = "John";
  p->age = 30;
  return p;
}

// 使用EMSCRIPTEN_KEEPALIVE修饰导出函数，防止被优化
EMSCRIPTEN_KEEPALIVE
void call_js_callback(emscripten::val js_callback, Person* person) {
  js_callback(emscripten::val(person->name), emscripten::val(person->age));
  delete person;
}

JavaScript代码：

const getPerson = Module.cwrap('get_person', 'number', []);

// 定义一个回调函数，接收C++对象并打印
const jsCallback = function(name, age) {
  console.log(`Name: ${name}, Age: ${age}`);
};

// 获取C++对象并传递给回调函数
Module.ccall('call_js_callback', null, ['function', 'number'], [jsCallback, getPerson()]);

在JavaScript代码中，我们首先使用Module.cwrap方法获取get_person函数的引用，并为其指定签名（返回类型为number，表示指向Person对象的指针）。然后，我们定义了一个JavaScript回调函数（jsCallback），它将接收Person对象的属性，并将它们打印到控制台。最后，我们使用Module.ccall方法调用call_js_callback函数，并将jsCallback和getPerson返回的Person对象作为参数传递给它。

这样，我们就可以将C++对象传递给JavaScript回调函数，以便在两种语言之间相互调用和共享数据。