Intl.NumberFormat使用volt等电学单位时报Invalid unit argument错误

Intl.NumberFormat的单位支持是随ECMA-402标准迭代逐步新增的，安培、伏特、欧姆、焦耳这类电学单位属于后期新增的冷门单位，不同浏览器、Node.js版本的实现进度差异很大：

• 低版本运行环境压根没有内置这些电学单位的多语言适配数据，传入对应的单位标识符会直接抛出「非法单位参数」错误
• 部分旧版的Intl相关Polyfill也没有收录这类冷门单位的配置，即使引入了Polyfill也可能触发报错

方案1：全量Polyfill兜底 #

引入完整的Intl.NumberFormat Polyfill，同时导入全量的单位本地化数据，用Polyfill的实现覆盖原生环境的能力差异，确保所有环境下都能正常识别电学单位。这种方案适配成本低，不需要额外写业务逻辑，缺点是会引入一定的代码体积。

方案2：自定义降级适配 #

如果对代码体积要求较高，可以通过能力检测做降级处理，提前维护多语言单位映射表，环境不支持目标单位时走自定义拼接逻辑，示例代码如下：

// 检测当前环境是否支持指定单位
function isUnitSupported(unit) {
  try {
    new Intl.NumberFormat('en', { style: 'unit', unit }).format(1);
    return true;
  } catch (err) {
    return false;
  }
}

// 多语言单位映射表，按需扩展语言和单位
const unitI18n = {
  fr: {
    volt: 'V',
    ampere: 'A',
    ohm: 'Ω',
    joule: 'J'
  },
  zh: {
    volt: '伏',
    ampere: '安',
    ohm: '欧',
    joule: '焦'
  }
};

// 封装后的格式化方法
function formatUnit(value, unit, lang = 'en') {
  if (isUnitSupported(unit)) {
    return new Intl.NumberFormat(lang, { style: 'unit', unit }).format(value);
  }
  // 降级逻辑：先格式化数值，再拼接对应语言的单位
  const formattedNum = new Intl.NumberFormat(lang).format(value);
  const targetUnit = unitI18n[lang]?.[unit] || unit;
  return `${formattedNum} ${targetUnit}`;
}

// 调用示例
console.log(formatUnit(1000, 'volt', 'fr'));

这种方案体积开销极小，灵活度高，只需要维护少量的单位映射配置即可覆盖需求。

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