Question

通过引用从Javascript到C传递结构，数组和字符串在Emscripten文档（https://kripken.github.io/emscripten-site/docs/porting/connecting_cpp_and_javascript/Interacting-with-code.html#interacting-with-code-direct-function-calls）中有详细记录。

但是按值传递结构怎么样？如果我有这样的C函数：

typedef struct {double a, b, c;} MyStruct;

MyStruct Foo(const MyStruct x, double y);

我如何调用Foo并解码结果？（使用Module.cwrap或直接调用Module._Foo）。我是否需要访问Emscripten堆栈来执行此操作？记录在哪里？

Answer 1

Module._malloc()，Module.writeArrayToMemory()和Module.ccall()可用，但它非常复杂。

用C ++和embind包装它更容易。

// em++ --bind test.cpp -o test.js
#include <emscripten.h>
#include <emscripten/bind.h>

using namespace emscripten;

struct MyStruct {
  double a, b, c;
};

MyStruct Foo(const MyStruct x, double y) {
  MyStruct r;
  r.a = x.a;
  r.b = x.b;
  r.c = y;
  return r;
}

EMSCRIPTEN_BINDINGS(my_struct) {
  class_<MyStruct>("MyStruct")
    .constructor<>()
    .property("a", &MyStruct::a)
    .property("b", &MyStruct::b)
    .property("c", &MyStruct::c)
    ;

  function("Foo", &Foo);
}

从JavaScript调用。

var x = new Module.MyStruct();
x.a = 10;
x.b = 20;
x.c = 30;
var y = Module.Foo(x, 21);
console.log(y, y.a, y.b, y.c);

x.delete();
y.delete();

您也可以allocate memory on stack和ccall。

var sp = Module.Runtime.stackSave();
var ret = Module.allocate(24, 'i8', Module.ALLOC_STACK);
var ptr_a = Module.allocate(24, 'i8', Module.ALLOC_STACK);
Module.HEAPF64[(ptr_a >> 3) + 0] = Math.random();
Module.HEAPF64[(ptr_a >> 3) + 1] = Math.random();
Module.HEAPF64[(ptr_a >> 3) + 2] = Math.random();
Module.ccall("Foo",
             'number',
             ['number', 'number', 'number'],
             [ret, ptr_a, 21]
            );
console.log(
    sp,
    Module.HEAPF64[(ret >> 3) + 0],
    Module.HEAPF64[(ret >> 3) + 1],
    Module.HEAPF64[(ret >> 3) + 2]);
Module.Runtime.stackRestore(sp);

Answer 2

这是可能的，在这里它是如何工作的：

在C结构中通过值传递时，就像通过指针传递一样进行处理。

结构：

typedef struct {
    size_t a;
    double b;
} my_struct_t;

按值传递（C）：

size_t my_struct_get_a(my_struct_t my) {
    return my.a;
}

按值传递（WASM）：

  (func $func3 (param $var0 i32) (result i32)
    get_local $var0
    i32.load
  )

通过指针（C）：

size_t my_struct_ptr_get_a(const my_struct_t* my) {
    return my->a;
}

按指针传递（WASM）：

  (func $func5 (param $var0 i32) (result i32)
    get_local $var0
    i32.load
  )

WebAssembly代码相同！

当C结构被按值返回时，则期望将其作为第一个函数参数传递！

按值（C）返回：

my_struct_t my_struct_create(size_t a, double b) {
    return (my_struct_t){a, b};
}

按价值返回（WASM）：

  (func $func1 (param $var0 i32) (param $var1 i32) (param $var2 f64)
    get_local $var0
    get_local $var2
    f64.store offset=8
    get_local $var0
    get_local $var1
    i32.store
  )

请注意，WASM不包含result，并且具有3个param。

为便于比较，请检查替代功能：

void my_struct_fill(my_struct_t* my, size_t a, double b) {
    my->a = a;
    my->b = b;
}

WASM等于先前的功能：

  (func $func2 (param $var0 i32) (param $var1 i32) (param $var2 f64)
    get_local $var0
    get_local $var2
    f64.store offset=8
    get_local $var0
    get_local $var1
    i32.store
  )

Full C code sample and it's WASM

请注意，这种方法适用于WebAssembly，未选中asm.js。

你如何调用一个C函数，它通过Emscripen / WASM从JS获取（或返回）一个结构？

2 个答案: