parseInt、parseFloat和Number的区别

Number

Number可以将Boolean值(true(1),false(0))，数字值，null(0)，undefined(NaN)，字符串转换为数字。在这里我们讨论Number和parseInt、parseFloat的区别，其实在讨论的是在将字符串转换为数字时这三种方法的异同。

• 字符串中只包含数字(可以包含正负号)，两者转换方式相同
  
• 字符串前有空格，两者都忽略字符串前面的空格，两者转换方式相同
  
• 字符串中的进制转换

Number方法中的数字，都是要变为十进制的，八进制无法转换为十进制，只能忽略前导零，直接被看做十进制，而十六进制只要形式正确，就可以被转换为十进制。
parseInt方法中的数字，在ES3中八进制可以转化为十进制，在ES5中八进制、十六进制的转换和在Number方法中一样。但是parseInt方法有两个参数，第二个参数可以填写转换时使用的基数，通过这个基数，我们可以进行八进制到十进制的正常转换。

• 字符串中的小数点
  • 非有效的浮点形式

无论是哪个方法，最终都会被转化为NaN

• 无前导0的有效的浮点形式。

Number方法将其转换为对应的浮点数值
parseInt方法忽略了小数点之后的值，因为小数点并不是有效的数字字符，parseFloat方法把字符串转换为相对应的浮点数值，但是显然不能把八进制转换为十进制，这是因为parseFloat只解析十进制值，没有用第二个参数指定基数的用法。

• 有前导0的有效的浮点形式

  • 八进制
    

Number，parseInt（ES5），parseFloat都忽略前导0，Number和parseFloat获得的都是浮点数，但是parseInt(ES5)在指定第二个基数的情况下，可以将八进制转化为十进制

• 十六进制

Number无法识别十六进制浮点数，parseInt识别不了小数点，但是可以进行转换，对于parseFloat，十六进制形式的字符串始终会被转换成0。

• 空字符串
  

Number()对空字符串返回0，parseInt和parseFloat对空字符串返回NaN

• 如果包含了除了数字之外的值(除了正确形式的前缀和小数点正负号)
  

Number()返回NaN，parseInt和parseFloat返回遇到的非数字或无效数字字符之前的值。