从[1, 7, 11]映射parseInt结果中的NaN揭秘：深入剖析JavaScript运行机制

2023-12-10 12:45:14

缘起：一个令人费解的映射结果

console.log(['1', '7', '11'].map(parseInt)); // 输出：[1, NaN, 3]

这段代码使用map()方法对一个字符串数组进行转换，其中parseInt()函数被用作映射函数。然而，输出结果却令人感到意外：[1, NaN, 3]。为什么'7'会被解析为NaN？为什么'11'会被解析为3？

解析过程：从代码到执行

为了理解这一现象，我们需要从JavaScript的解析过程开始说起。当JavaScript解析器遇到这段代码时，它会首先将字符串数组['1', '7', '11']中的每个元素解析为字符串字面量。然后，map()方法被调用，它将parseInt()函数作为参数。parseInt()函数的功能是将字符串解析为整数，因此它会尝试将每个字符串元素解析为整数。

运算符优先级：解析顺序的决定因素

在JavaScript中，运算符优先级决定了运算符的执行顺序。在我们的代码中，map()方法的调用运算符()优先级高于parseInt()函数的调用运算符()。这意味着map()方法会首先执行，然后才是parseInt()函数。

隐式类型转换：从字符串到数字的转变

当map()方法执行时，它会将parseInt()函数作为参数传递。此时，parseInt()函数会隐式地将字符串参数转换为数字。在我们的代码中，'1'可以被成功地转换为数字1，因此parseInt('1')的结果是1。

然而，当parseInt()函数尝试转换'7'时，情况就发生了变化。'7'是一个合法的数字字符串，因此parseInt()函数可以成功地将其解析为数字7。然而，由于map()方法的调用优先级更高，因此在parseInt()函数执行之前，'7'已经被隐式地转换为数字7。因此，parseInt('7')的结果是NaN。