A diferença é sutil que pode ser notada na documentação parseFloat
:
The
parseFloat
function parses an argument (converting it to a string first if needed) and returns a floating point number.
Em tradução direta:
A função parseFloat
faz o parse do argumento (convertendo-o para string primeiro, se necessário) e retorna um número de ponto flutuante.
Já o construtor Number
simplesmente tenta fazer a coerção do valor passado para o tipo numérico. Isso não significa necessariamente fazer o parse, já que a coerção de tipos tem comportamento diferente de um parse.
O parse, eventualmente, poderá remover alguns caracteres que seriam inválidos ao se fazer uma simples coerção. Ao analisar a diferença dos algoritmos descritos na especificação essa diferença torna-se ainda mais evidente:
Note que, como Number
faz a conversão de tipos, ele pode ser substituído pelo operador unário +
, que tem a exata mesma função.
Vejamos alguns casos especiais (baseados nesta resposta do SOen) em exemplo:
Para qualquer entrada numérica válida, a saída será a mesma, já que esta pode ser parseada (por
parseFloat
) ou convertida (porNumber
) corretamente:parseFloat('3'); // 3 Number('3'); // 3 parseFloat('1.501'); // 1.501 Number('1.501'); // 1.501 parseFloat('1e10'); // 10000000000 Number('1e10'); // 10000000000
Eventualmente, o valor passado para
Number
pode não ser corretamente convertido para o tipo numérico, mas ainda pode ser parseado corretamente. Um exemplo disso é quando a string contém caracteres adicionais:parseFloat('1x'); // 1 Number('1x'); // NaN
Em relação aos literais numéricos da linguagem,
parseFloat
não consegue lidar strings que os representem, enquantoNumber
, sim. Isso significa queNumber
consegue converter da sintaxe literal de binário, octal e hexadecimal (assim como a decimal — já tratada anteriormente):parseFloat('0b10'); // 0 Number('0b10'); // 2 parseFloat('0o10'); // 0 Number('0o10'); // 8 parseFloat('0xf'); // 0 Number('0xf');
NO exemplo acima,
parseFloat
retorna0
pois lê a string da esquerda para a direita até deixar de encontrar caracteres numéricos válidos. Comob
,o
ex
são inválidos, o restante da string é ignorada após tais demarcações.Em relação aos valores literais da linguagem,
Number
faz a conversão normalmente, enquantoparseFloat
sempre retornaráNaN
. Por exemplo, ao passarmos booleanos:parseFloat(true); // NaN Number(true); // 1 parseFloat(false); // NaN Number(false); // 0
É por isso que se você passar uma string vazia para
Number
0
será retornado.