TypeScript中Snyk代码质量检测报错：字符串与数字相乘的隐式类型转换问题

检测到的警告 #

对toFixed返回的字符串与数字字面量10执行乘法操作，会触发操作数的隐式类型转换。若此为预期行为，建议显式进行类型转换。

原代码示例 #

function roundNumberFunc(numberValue: number) { // 这是一个传入的数字参数
 // 传入的示例numberValue为1.23
 const roundNumber = Math.floor(Number(numberValue.toFixed(1)) * 10) / 10;
 console.log(roundNumber); // 若示例numberValue为1.23，此处将输出1.2
}

问题分析 #

numberValue.toFixed(1)的返回值是字符串类型，虽然代码中已经用Number()做了转换，但Snyk的检测逻辑要求完全消除隐式转换的潜在场景，确保类型操作的清晰度和可维护性。

修复方案 #

可以通过拆分显式转换步骤，让类型操作的意图更明确，从而消除警告：

function roundNumberFunc(numberValue: number) {
 // 先将toFixed返回的字符串显式转为数字
 const fixedNumber = Number(numberValue.toFixed(1));
 // 后续运算的操作数均为明确的数字类型
 const roundNumber = Math.floor(fixedNumber * 10) / 10;
 console.log(roundNumber);
}

也可以用更简洁的写法，通过类型断言进一步明确操作数类型：

function roundNumberFunc(numberValue: number) {
 const roundNumber = Math.floor((Number(numberValue.toFixed(1)) as number) * 10) / 10;
 console.log(roundNumber);
}

两种修改方式都能保留原有的数值处理逻辑，同时满足Snyk的代码质量检测要求。

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