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

原文地址:https://www.cnblogs.com/snandy/p/4484430.html