如何将WebAssembly的f32.reinterpret_i32和f64.promote_f32转为JavaScript？

指令作用说明 #

• f32.reinterpret_i32：将32位整数的二进制位模式，直接当作32位浮点数的二进制位来解读，不做任何数值转换——仅改变对二进制位的解释方式，位本身完全不变。
• f64.promote_f32：将32位浮点数转换为64位浮点数，属于数值精度提升操作，64位浮点数可以精确表示所有32位浮点数的数值，因此转换后数值不会丢失精度。

对应JS实现代码 #

你的Wasm代码流程是：取出i32类型的$var0 → 重新解释为f32 → 提升为f64。以下是直接对应逻辑的JS实现：

function convertI32ToF64(var0) {
    // 创建共享内存缓冲区，用于操作二进制位
    const buffer = new ArrayBuffer(4);
    const uint32Arr = new Uint32Array(buffer);
    const float32Arr = new Float32Array(buffer);

    // 将i32值写入缓冲区，确保位模式与Wasm的i32一致
    uint32Arr[0] = var0 & 0xFFFFFFFF;
    // 执行f32.reinterpret_i32：读取缓冲区的位作为f32
    const f32Val = float32Arr[0];
    // 执行f64.promote_f32：JS的Number原生是64位浮点数，直接赋值即可完成提升
    const f64Val = f32Val;

    return f64Val;
}

关键细节解释 #

1. 位模式保留：通过共享ArrayBuffer，让Uint32Array和Float32Array读写同一块内存，实现了不修改位的前提下重新解释数据类型，完全对应f32.reinterpret_i32的行为。
2. 32位截断：用var0 & 0xFFFFFFFF将JS的64位Number截断为32位无符号整数，确保位模式与Wasm的i32完全匹配（即使输入是负数也能正确保留符号位）。
3. 自动精度提升：JS的Number类型本身就是64位浮点数，因此将32位浮点数赋值给Number变量时，引擎会自动完成精度提升，行为与f64.promote_f32完全一致。

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