安全转换需主动控制并按场景选方法：字符串转数字用Number、parseInt、parseFloat或+str（慎用），数字转字符串优先String()或toString()（避免null/undefined）、toFixed等；转换前须类型检查与边界处理，并借助ESLint、TypeScript等工具加固。
安全转换的关键是主动控制、明确意图，而不是依赖 JavaScript 自动发生的隐式行为。数字和字符串互转看似简单，但稍不注意就会得到 NaN、"null" 或意外拼接结果。
字符串转数字：按场景选对方法
不同输入来源和预期结果，适合不同的转换方式：
-
要严格校验、全字符串必须合法：用
Number(str)。它要求整个字符串可解析为有效数字，Number("123") → 123，Number("12px") → NaN，Number("") → 0，Number(" ") → 0 -
只取开头的整数部分（比如从 "42px" 提取 42）：用
parseInt(str, 10)。务必指定进制10，避免"08"被误当八进制；parseInt("42.9") → 42，parseInt("abc42") → NaN -
需要浮点数（如 "3.14em"）：用
parseFloat(str)；它会读到第一个非法字符为止，parseFloat("3.14px") → 3.14，parseFloat(" 2.5 ") → 2.5 -
简写但需谨慎：一元加号
+str行为等同Number(str)，但对null、undefined、对象会静默出错或返回意外值（+null → 0，+{} → NaN），不推荐用于不确定输入
数字转字符串：语义清晰优先
避免靠 value + "" 这类隐式拼接，它虽快但意图模糊，且在 null、undefined 时仍能运行却输出字面量字符串：
-
最稳妥通用：用
String(num)。它安全处理所有基本类型，String(42) → "42"，String(null) → "null"，String(undefined) → "undefined" -
对象或需要格式化时：用
.toString()，但注意null.toString()和undefined.toString()会直接报错，所以仅适用于已确认为数字或对象的值 -
带格式需求（如补零、小数位）：用
num.toFixed(2)、num.toPrecision(4)或模板字面量${num}，后者在大多数拼接场景中更自然、可读性高
转换前先做类型与有效性检查
真正安全的转换，往往发生在转换之前：
立即学习“Java免费学习笔记（深入）”；
- 判断是否为“可转数字的字符串”：用正则
/^-?\d+\.?\d*$/.test(str.trim())粗筛，或更严谨地结合!isNaN(Number(str)) && isFinite(Number(str)) - 遇到
null、undefined、空字符串等边界值，提前决定默认行为。例如：const id = Number(input) || 0不够安全，应写成const id = Number(input) ?? 0（空值合并）或显式校验if (input == null || input === "") throw new Error("Invalid input") - API 返回或用户输入建议封装工具函数，比如：
safeToNumber(value, { defaultValue: 0 })，内部统一处理空白、null、非法格式
用工具和习惯加固防线
单靠记忆规则容易疏漏，靠工程实践才能长期稳定：
- 启用 ESLint 规则
no-implicit-coercion（禁用!!x、+x等简写）和eqeqeq（强制用===），让编辑器实时提醒 - 在关键逻辑处加
console.log(typeof x, x)，尤其调试时不要只看值，要看类型 - 项目条件允许时，用 TypeScript 写接口定义和函数签名，把类型约束提前到开发阶段
