WebAssembly之数据交换（数组传值 js->c++）

因为工作需要，又倒腾起了WebAssembly，这次主要探索（解决）的问题是Array类型数据的传递

经过咨询以及与ChatGPT的沟通，目前有了如下三种方案：

1.通过类型化数组传递

//c++
       double EMSCRIPTEN_KEEPALIVE add(const double position[3])
       {
           double ret = position[0] + position[1] + position[2];
           return ret;
       }

//javascript
      function toTypedArray_Double(arr) {
        var buf = new ArrayBuffer(arr.length * 8);
        var i8 = new Uint8Array(buf);

        var i64 = new Float64Array(buf);
        arr.forEach((i, index) => {
          i64[index] = i;
        });

        return i8;
      }

      var data = toTypedArray_Double([1.111111111111, 2.0, -13.0]);
      var fn = Module.cwrap("add", "number", ["array"]);
      console.log(fn(data));//-9.888888888889

//编译指令
emcc a.cpp -s EXPORTED_RUNTIME_METHODS=['cwrap','ccall'] -s EXPORTED_FUNCTIONS="['ccall', 'cwrap']" -o a.out.js

 

2.通过emsdk的bind.h转为vector

//c++
#include <emscripten/emscripten.h>
#include <emscripten/bind.h>
#include <vector>

using namespace emscripten;

    double EMSCRIPTEN_KEEPALIVE bar(const double position[3])
    {
        double ret = position[0] + position[1] + position[2];
        return ret;
    }

    EMSCRIPTEN_BINDINGS(example)
    {
        emscripten::register_vector<double>("VectorDouble");

        // 增加function，使用const double *参数
        emscripten::function("bar", &bar, emscripten::allow_raw_pointers());
    }

//javascript
      var bar = Module.cwrap("bar", "number", ["array"]);
      console.log(bar([1.111111111111, 2.0, -13.0]));//-9.888888888250108

//emcc编译指令（注意必须要加--bind）
emcc --bind a.cpp -s EXPORTED_RUNTIME_METHODS=['cwrap','ccall'] -s EXPORTED_FUNCTIONS="['ccall', 'cwrap']" -o a.out.js

 

3.通过自定义结构体以及value_array

//c++
    struct Array2d
    {
        double x;
        double y;
    };

    Array2d EMSCRIPTEN_KEEPALIVE foo(Array2d &arr)
    {
        Array2d ret = {arr.x, arr.y};
        return ret;
    }

    EMSCRIPTEN_BINDINGS(example)
    {
        value_array<Array2d>("Array2d")
            .element(&Array2d::x)
            .element(&Array2d::y);
        function("foo", &foo);
    }

//javascript
console.log(Module.foo([1.1, 2.2]));

//emcc编译指令（注意必须要加--bind）
emcc --bind a.cpp -s EXPORTED_RUNTIME_METHODS=['cwrap','ccall'] -s EXPORTED_FUNCTIONS="['ccall', 'cwrap']" -o a.out.js

 

 

待续...