¿Cuál es la diferencia entre parseInt(cadena) y Number(cadena) en JavaScript? [duplicar]

El primero toma dos parámetros:

parseInt(string, radix)

El parámetro radix se utiliza para especificar qué sistema numérico se utilizará, por ejemplo, una radix de 16 (hexadecimal) indica que el número en la cadena debe analizarse de un número hexadecimal a un número decimal.

Si se omite el parámetro radix, JavaScript asume lo siguiente:

• Si la cadena comienza con "0x", el
  radix es 16 (hexadecimal)
• Si la cadena comienza con "0", el radix es 8 (octal). Esta característica
  está en desuso
• Si la cadena comienza con cualquier otro valor, la raíz es 10 (decimal)

La otra función que mencionaste solo toma un parámetro:

Number(object)

La función Number() convierte el argumento del objeto en un número que representa el valor del objeto.

Si el valor no se puede convertir en un número legal, se devuelve NaN.

ParseInt (string) convertirá una cadena que contenga caracteres no numéricos en un número, siempre y cuando la cadena comience con caracteres numéricos

'10px' => 10

Number (string) devolverá NaN si la cadena contiene caracteres no numéricos

'10px' => NaN

La función parseInt le permite especificar una variedad de radios para la cadena de entrada y está limitada a valores enteros.

parseInt('Z', 36) === 35

El constructor Number llamado como una función analizará la cadena con una gramática y está limitado a base 10 y base 16.

StringNumericLiteral :::
    StrWhiteSpaceopt 
    StrWhiteSpaceopt StrNumericLiteral StrWhiteSpaceopt

StrWhiteSpace :::
    StrWhiteSpaceChar StrWhiteSpaceopt

StrWhiteSpaceChar :::
    WhiteSpace 
    LineTerminator

StrNumericLiteral :::
    StrDecimalLiteral 
    HexIntegerLiteral

StrDecimalLiteral :::
    StrUnsignedDecimalLiteral 
    + StrUnsignedDecimalLiteral 
    - StrUnsignedDecimalLiteral

StrUnsignedDecimalLiteral :::
    Infinity 
    DecimalDigits . DecimalDigitsopt ExponentPartopt. DecimalDigits ExponentPartopt     
    DecimalDigits ExponentPartopt

DecimalDigits :::
    DecimalDigit 
    DecimalDigits DecimalDigit

DecimalDigit ::: one of
    0 1 2 3 4 5 6 7 8 9

ExponentPart :::
    ExponentIndicator SignedInteger

ExponentIndicator ::: one of
    e E

SignedInteger :::
    DecimalDigits 
    + DecimalDigits 
    - DecimalDigits

HexIntegerLiteral :::
    0x HexDigit 
    0X HexDigit 
    HexIntegerLiteral HexDigit

HexDigit ::: one of
    0 1 2 3 4 5 6 7 8 9 a b c d e f A B C D E F

Anexo a la respuesta de @sjngm:

Ambos también ignoran los espacios en blanco:

Var foo = "3"; consola.log (parseInt (foo)); / / 3 consola.log (Number (foo)); / / 3

No es exactamente correcto. As sjngm wrote parseInt analiza la cadena al primer número. Es verdad. Pero el problema es cuando desea analizar el número separado con espacios en blanco ie. "12 345". En ese caso
parseInt("12 345") devolverá 12 en lugar de 12345. Así que para evitar que situación debe recortar los espacios en blanco antes de analizar el número. Mi solución sería:

     var number=parseInt("12 345".replace(/\s+/g, ''),10);

Observe una cosa extra que usé en la función parseInt (). parseInt("string",10) establecerá el número en formato decimal. Si analizaras una cadena como " 08 " obtendrías 0 porque 8 no es un número octal.La explicación es aquí

Anexo a la respuesta de @sjngm:

Ambos también ignoran los espacios en blanco:

var foo = "    3     ";
console.log(parseInt(foo)); // 3
console.log(Number(foo)); // 3