JavaScript中如何将数字转字符串？求专家推荐最优方法

下面是几种业界常用且经过验证的数字转字符串方案，按需选择即可：

• 字符串拼接法：'' + num
  这是最简洁直观的写法，性能优异，引擎底层优化充分，适合绝大多数日常场景。
  示例：

  const num = 123;
  const str = '' + num; // 结果："123"
  

• String() 全局函数：String(num)
  安全性拉满，即使输入是null或undefined也不会抛出错误，会直接转为对应的字符串（"null"/"undefined"）。如果不确定输入是否为有效数字，优先用这个。
  示例：

  const str1 = String(456); // "456"
  const str2 = String(null); // "null"
  

• toString() 实例方法：num.toString([base])
  唯一支持指定进制转换的方法，比如转二进制、十六进制字符串时必须用它。注意直接对数字字面量调用时，要加括号或小数点避免语法错误。
  示例：

  const decimalStr = (789).toString(); // "789"
  const hexStr = 789.toString(16); // "315"
  const binaryStr = 10.toString(2); // "1010"
  

• 模板字符串插值：${num}
  ES6+语法，在需要将数字插入到一段文本中的场景下，可读性和维护性最好，不用额外拼接符号。
  示例：

  const count = 5;
  const message = `当前共有${count}条未读消息`; // "当前共有5条未读消息"
  

场景选择建议 #

• 普通快速转换：用'' + num或String()
• 需要转非十进制字符串：用toString(base)
• 字符串插值场景：用模板字符串

避坑提示 #

• 不要在null/undefined上调用toString()，会直接抛出TypeError
• 别把toString()和反向操作的parseInt()/parseFloat()搞混

内容的提问来源于stack exchange，提问作者Shajidur Rahman Bappi