Math.fround()是JavaScript中唯一安全、可预测地将64位双精度数转为IEEE 754单精度浮点数的方法，严格遵循round-to-nearest,ties-to-even规则，确保与C/OpenGL/GLSL的(float)value行为一致，避免GPU渲染异常。
Math.fround() 是 JavaScript 中唯一原生支持将 64 位双精度浮点数（Number）**安全、可预测地**转换为 IEEE 754 单精度 32 位浮点数的方法，特别适用于 WebGL 或 WebGPU 中需与低端 GPU 的 float32 精度对齐的场景。
为什么必须用 Math.fround() 而不是手动截断或乘除？
JavaScript 所有数字默认是 64 位双精度浮点数。直接用 value | 0、~~value 或 Math.round(value * 100) / 100 等方式会丢失精度语义，甚至产生非规格化数、溢出或 NaN —— 这些在 GPU 着色器中可能触发未定义行为或渲染异常。
Math.fround() 严格按 IEEE 754-2008 规则执行舍入（默认 round-to-nearest, ties-to-even），确保结果与 C/OpenGL/GLSL 中的 (float)value 完全一致：
- 输入
1.23456789→ 输出1.2345678806304932（最接近的 float32 表示） - 输入
1e30→ 输出Infinity（正确上溢） - 输入
1e-40→ 输出0（正确下溢为零）
在 WebGL 中配合 uniform 或 attribute 使用的关键实践
低端 GPU（如集成显卡、旧移动 GPU）常要求顶点属性（attribute）和 uniform 值严格为 float32。若传入双精度值，驱动可能静默截断、报错或渲染失真。
正确做法：
- 对每个需上传的数值调用
Math.fround()，再写入Float32Array - 避免在着色器中做“补偿性计算”来修复精度——源头统一才是可靠方案
- 例如设置 MVP 矩阵时：
<code>const mvp = new Float32Array(16);
for (let i = 0; i < 16; i++) {
mvp[i] = Math.fround(jsMatrix[i]); // jsMatrix 是 JS 数组，含 64 位数字
}</code>
性能提示：不必过度担心开销
Math.fround() 是引擎级内建操作（V8、SpiderMonkey 均优化为单条 CPU 指令，如 x86 的 cvttsd2ss），远快于任何手动模拟逻辑。在每帧处理数百个顶点属性时，其开销可忽略。
但注意：不要在热循环内重复调用 Math.fround(x) 多次——缓存结果更高效：
- ❌
gl.uniform1f(loc, Math.fround(val)); gl.uniform1f(loc2, Math.fround(val)); - ✅
const fval = Math.fround(val); gl.uniform1f(loc, fval); gl.uniform1f(loc2, fval);
兼容性与兜底策略
Math.fround() 支持所有现代浏览器（Chrome 38+、Firefox 26+、Safari 9+、Edge 12+）。若需支持极老环境（如 IE），可用 polyfill：
<code>if (!Math.fround) {
Math.fround = function(x) {
const f32 = new Float32Array(1);
f32[0] = +x;
return f32[0];
};
}</code>
该 polyfill 利用 Float32Array 的自动截断行为，在绝大多数引擎中效果等价（注意：极少数旧 Android WebView 可能有微小偏差，但对低端 GPU 渲染已足够稳定）。
