Javascript parseFloat内部解析规则

javascript parseFloat内部解析规则

这是由小习发的一个问题引起的讨论，结束后大家各自加深了多parseFloat的理解。

如下

16进制数0x10使用parseFloat转成数字，结果为0。潜意识期望的结果是16。

有人说脑残，16进制数为什么要用parseFloat，因为16进制不分int和float（那是10进制的事）。的确是这样，实际项目中不能这么干，这里仅就这种写法来讨论。

看下规范里对parseFloat的解释

大致步骤是先把参数转成字符串，去掉空白字符，非数字字符返回NaN，最后返回有效的浮点数。Note提示到对于其它字符不会解析，直接忽略了。因此 对于 '0x10' 来说，从0开始解析，遇到x就停止了，最后返回了0。

如下

证明都是如此，遇到非数字字符就停止解析了。

但有一个例外

'2e' 如上，e忽略返回了2，但 '2e2' 却返回了 200

这是啥子原因？ 因为'2e2'里的e2是幂运算，即 2*(10*10)，解析到e后发现后面还有数字就没有忽略了。

MDN上解释更直了

即parseFloat只处理 “+-”、 “0-9”、 小数点、符号e，遇到其他字符就停止解析。

相关：

https://developer.mozilla.org/en-US/docs/Web/Javascript/Reference/Global_Objects/parseFloat