JavaScript技巧：非数值转换规则与进制转换详解

在JavaScript编程中，处理非数值类型转换为数值是常见的操作，这对于理解和优化代码性能至关重要。本文提供了两个关键知识点：`Number()` 和 `parseInt()`/`parseFloat()` 的使用。 1. Number() 转换 当你使用 `Number()` 函数尝试将非数值类型转换为数值时，需要注意以下几点： - `undefined` 会转换为 `NaN`（Not-a-Number）。 - 字符串以 "0" 开始时，浏览器通常会忽略前导零，除非后面跟着八进制数字，否则不会按照八进制解析。例如，"07" 在某些环境下可能被误解为 7，而在其他情况下可能是 0。 - 带有非数字字符的字符串（除了加号、减号和小数点）会被转换为 `NaN`，十六进制字符串也是如此，只要包含任何非数字字符就会返回 `NaN`。 - 对于对象，`Number()` 会首先尝试调用对象的 `valueOf()` 方法，如果无该方法，则会使用 `toString()` 方法转换，再进行数值解析。 2. parseInt() 和 parseFloat() 转换 - `parseInt()` 函数用于解析整数。它会忽略前导空格，遇到非数字字符或正负号时返回 `NaN`。对于不同基数（如二进制、八进制和十六进制），可以通过传递第二个参数来指定。在ES3和ES5之间，对八进制解析的处理有差异，这可能导致兼容性问题。 - `parseFloat()` 函数解析的是浮点数，与 `parseInt()` 不同的是，它会解析到遇到第一个无效的浮点数字符为止，如解析十六进制时会直接停止并返回0。它没有第二个参数用于指定基数，因此总是解析为十进制。另外，如果输入字符串是整数，`parseFloat()` 会返回整数，不会自动增加一个小数点。 在实际编程中，理解这些细节有助于正确处理各种类型的数值转换，避免出现意外的错误和兼容性问题。同时，使用 `toString()` 函数来显示不同进制的数值也可以根据需求灵活调整。掌握这些技巧可以提升代码的健壮性和可读性。