+ 运算符与 parseFloat

Question

淘汰扩展器页面的Example 1 描述了一种四舍五入用户输入并确保它只是数字的方法。

效果很好，但是通过查看源代码，他们做了一件我不明白的奇怪事情，那就是在第 8 行，他们这样做了：

parseFloat(+newValue)

newValue 是一个字符串。

当我最初问这个问题时，我不知道 + 做了什么 - 一些进一步的 poking 和 link to a different MDN page 从我得到的最初答案之一表明它是一个一元运算符，相当于 number(str) 和+str 和 parseFloat(str) 之间存在一些差异（以字母字符结尾的字符串的处理和十六进制的解释似乎是头条新闻）。

我仍然不明白为什么在这种情况下需要将 + 包装在 parseFloat 中，尽管我开始认为这可能是一个错字...

Answer 1

引用 parseFloat 的 MDN 文档：

parseFloat 解析它的参数，一个字符串，并返回一个浮点数。如果遇到符号（+ 或 -）、数字 (0-9)、小数点或指数以外的字符，它将返回到该点的值并忽略该字符和所有后续字符。允许使用前导和尾随空格。

使用 [unary plus operator][2] 您可以确定 `parseFloat` 对 `Number` 进行操作，这仅在您希望对结果更严格但仍想使用 `parseFloat` 时才有用

parseFloat('0.32abcd') // -> 0.32
parseFloat(+'0.32abcd') // -> NaN

罢工> **更新：**

在对文档进行了一些挖掘并运行了一些测试之后，似乎没有理由使用parseFloat，除了解析可能包含非数字轨迹的数字的字符串，eq：

parseFloat('31.5 miles') // -> 31.5
parseFloat('12.75em') // -> 12.75

对于您的字符串包含数字+ 的任何其他情况，这是最快和首选的方式（引用MDN docs for unary plus operator）：

一元加法是将某物转换为数字的最快和首选方法，因为它不对数字执行任何其他操作。

查看parseFloat versus unary test case 了解它的速度有多快。

先前的链接已损坏，因此 here is the new test 显示一元的速度更快。