问题描述
今天,在使用wasm-bindgen进行Rust wasm vs js速度基准测试时,我遇到了一个问题。
我做了一个简单的结构,如下所示:
我在名为 gimmeDirections 的简单函数中使用了此结构 如下所示:
将其编译为浏览器JavaScript之后,我查看了已编译到其中的.d.ts文件,并注意到gimmeDirections函数返回了一个数字。
即使在js中,它也会在JSDOC中声明它返回了XY类,该类是在编译后的代码中定义的。
这是课程:
export class XY {
static __wrap(ptr) {
const obj = Object.create(XY.prototype);
obj.ptr = ptr;
return obj;
}
free() {
const ptr = this.ptr;
this.ptr = 0;
wasm.__wbg_xy_free(ptr);
}
/**
* @returns {number}
*/
get x() {
var ret = wasm.__wbg_get_xy_x(this.ptr);
return ret;
}
/**
* @param {number} arg0
*/
set x(arg0) {
wasm.__wbg_set_xy_x(this.ptr,arg0);
}
/**
* @returns {number}
*/
get y() {
var ret = wasm.__wbg_get_xy_y(this.ptr);
return ret;
}
/**
* @param {number} arg0
*/
set y(arg0) {
wasm.__wbg_set_xy_y(this.ptr,arg0);
}
}
在感到非常困惑之后,由于打字稿说它将返回一个数字,而js说它将返回一个类,我决定运行它并得到一个数字。
下面的对象是我的javascript函数,它为基准测试运行相同的代码,如您所见,我得到了一个对象,而不是数字。
这是我的JS代码:
import * as funcs from './wasm/wildz.js';
// compiled wasm js file
function directionsJS(x,y) {
let xX = x;
let yY = y;
if (Math.abs(xX) === Math.abs(yY)) {
xX /= Math.SQRT2;
yY /= Math.SQRT2;
}
return {
x: x,y: yY
};
}
(async() => {
const game = await funcs.default();
console.time('Rust Result'); console.log(game.gimmeDirections(10,10));
console.timeEnd('Rust Result'); console.time('JS Result');
console.log(directionsJS(10,10)); console.timeEnd('JS Result');
})();
我仍然很困惑为什么当我明确返回一个对象时它为什么要返回数字。迫切需要帮助,并且感激不尽
解决方法
在wasm-bindgen指南的Exporting a struct to JS中对此进行了更多的解释,但我将进行总结。
通过动态分配锈结构并为其返回指针来“返回”锈结构。关于返回number
的函数,您所看到的是绑定了JS运行时和wasm模块的“原始” ffi函数。它只是返回该指针值。
生成的XY
Javascript类是该指针值的包装,并提供了与之交互的功能。生成的gimmeDirections
函数是对创建该类的wasm模块调用的包装。