如何防止含数字的JavaScript字符串丢失前导零或小数末尾零？

嘿，我看你遇到的问题是：传递像'01234'（带前导零）或者'123.40'（末尾小数零）这类字符串给muteChannel函数时，JavaScript会自动把它们转成数字，导致原始的格式信息丢了对吧？

先看你的原始函数代码：

function muteChannel(channelId) { 
  alert("channelId:" + channelId); 
  return false; 
}

为啥会丢格式呢？因为JavaScript里用+拼接字符串和可解析的数字时，会悄悄把字符串转成数字类型，前导零、末尾的小数零这些格式自然就没了。要保住原始的字符串值，咱们可以从这几个方面入手：

方法1：显式把参数转成字符串 #

在函数内部先把channelId转为字符串，不管传入的是啥类型（哪怕不小心传了数字），都能锁定原始格式：

function muteChannel(channelId) { 
  // 强制转为字符串，杜绝隐式转换搞事情
  const rawChannelId = String(channelId);
  alert("channelId:" + rawChannelId); 
  return false; 
}

方法2：用模板字符串来拼接 #

模板字符串会老老实实保留变量的原始类型，不会瞎做数字转换，直接用它展示就行：

function muteChannel(channelId) { 
  alert(`channelId:${channelId}`); 
  return false; 
}

方法3：调用函数时确保传的是字符串 #

如果是调用的时候不小心传了数字（比如直接传01234而不是'01234'），那第一步得保证传入的是字符串类型：

// 正确姿势：传字符串
muteChannel('01234');
muteChannel('123.40');

// 错误姿势：传数字（必丢格式）
muteChannel(01234); // 注意：非严格模式下数字0开头会被当八进制解析，严格模式直接报错
muteChannel(123.40); // 会被自动转成123.4

总的来说，核心就是别让JavaScript偷偷把你的格式字符串转成数字，要么在函数里强制转成字符串，要么用模板字符串，要么调用时传对类型，就能保住原始的字符串内容啦。

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