在 JavaScript 中，parseInt() 函数可以将字符串转换成整数。它接收两个参数：要解析的字符串和一个可选的表示进制的参数。例如，parseInt("10") 返回 10 ，而 parseInt("10", 2) 返回 2（因为二进制中只有 0 和 1）。
但是，当我们给 parseInt() 函数传递一些奇怪的参数时，它的行为就变得令人疑惑了。其中一个例子就是 parseInt(null, 24) 的结果等于 23。
parseInt() 函数的工作原理
在深入探讨这个问题之前，让我们先来看看 parseInt() 函数的工作原理。当你调用 parseInt() 函数时，它会尝试将字符串转换为数字。如果第二个参数（即 radix）被省略或者为 0，那么 parseInt() 会根据字符串的格式自动判断进制。如果第二个参数不是 0 或者省略，则它表示解析字符串所使用的基数（从 2 到 36）。如果字符串以 "0x" 开头，parseInt() 会把它解释为十六进制数。
parseInt(null, 24) 的结果
现在，让我们回到 parseInt(null, 24) 的结果等于 23 这个问题上来。首先，让我们看一下 null 是如何被处理的。根据规范，parseInt() 函数会将非字符串参数转换为字符串。因此，null 会被转换为空字符串 ""。然后，由于我们传递了第二个参数 24，parseInt() 将使用 24 进制来解析空字符串。
在 24 进制中，每个数字表示的含义如下：
| 数字 | 含义 |
|---|---|
| 0 | 0 |
| 1 | 1 |
| 2 | 2 |
| ... | ... |
| 21 | U |
| 22 | V |
| 23 | X |
因此，空字符串 "" 在 24 进制中被解析为 0。接下来，parseInt() 继续解析字符串，直到遇到无法解析为数字的字符为止。在这种情况下，它会忽略后面的所有字符并返回已经解析的值。
例如，如果我们传递 "23X" 给 parseInt(null, 24)，那么它会将 "23" 解析为十进制数 23，并忽略后面的 "X"。因此，parseInt(null, 24) 的结果就是 23。
如何避免类似的问题
类似这种奇怪的行为很容易让人困惑，因此我们应该尽可能避免使用不常见的参数。通常情况下，我们可以省略第二个参数，让 parseInt() 自动判断进制。如果必须指定进制，我们应该使用常见的进制，如 2、8、10 或 16。
示例代码
下面是一些示例代码，演示了 parseInt() 函数在不同情况下的行为：
-- -------------------- ---- ------- -- -------------- ---------------------------- -- -- -- ------------------------------ -- -- -- -- ------- -------------------------- ----- -- -- -- --------------------------- ---- -- -- - ---------------------------- ----- -- -- -- -- -------- -------------------------- ---- -- -- - -------------------------- ----- -- -- --
总之，在使用 parseInt() 函数时，我们应该小心谨慎，以避免出现令人困惑的结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8915