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 (por Number
) 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, enquanto Number
, sim. Isso significa que Number
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
retorna 0
pois lê a string da esquerda para a direita até deixar de encontrar caracteres numéricos válidos. Como b
, o
e x
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, enquanto parseFloat
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.