前端面试题：解析parseInt的使用与陷阱

"这个资源是一个关于前端面试的教程，特别讨论了`parseInt`函数的使用和在面试中的考察点。" 在前端面试中，理解并能够灵活运用JavaScript的核心函数如`parseInt`是非常重要的。`parseInt`函数用于解析字符串，并返回一个整数。它有两个参数：`string`是要解析的字符串，而`radix`是可选的基数，表示数字的进制，范围通常为2到36。 当`radix`参数被指定时，`parseInt`会根据指定的进制解析字符串。例如，`parseInt('11', 2)`会返回3，因为'11'在二进制中等于3（1*2 + 1）。然而，如果`radix`超出有效范围，如`parseInt('11', 1)`或`parseInt('3', 2)`，结果将是`NaN`，因为1和3不在2到36的范围内。 在某些情况下，`radix`可能为`null`或`0`。在这种情况下，`parseInt`的行为会有所不同： - 如果`string`以`0x`开头，`parseInt`会将其解释为16进制，例如`parseInt('0x1F')`相当于`parseInt('1F', 16)`，结果是16。 - 如果`string`以`0`开头，按照旧的ES5规范，这会被解析为8进制。但在ES5之后，这种行为被废弃，现在默认按照10进制处理。然而，需要注意的是，不是所有浏览器都遵循这一更新，因此在实际开发中要避免依赖此特性。 题目中给出了一个具体的例子：`['1','2','3'].map(parseInt)`。`map`函数会遍历数组，对每个元素调用`parseInt`。由于没有提供`radix`，在JavaScript中，如果未指定基数，`parseInt`默认会按照10进制处理。所以，对于`['1','2','3']`数组，解析过程如下： 1. `parseInt('1', 0)`，由于`radix`为0，按照10进制处理，返回1。 2. `parseInt('2', 1)`，由于`radix`为1，这是无效的，返回`NaN`。 3. `parseInt('3', 2)`，由于`radix`为2，2进制中没有3，所以返回`NaN`。 因此，最终的答案是`[1, NaN, NaN]`。这个问题考察了开发者对`parseInt`函数的理解，包括其参数、进制转换以及在不同情况下的行为。在面试中，这样的问题旨在测试你是否能深入理解代码逻辑，找出潜在的陷阱和异常情况。