JS类型和显/隐式类型转换

JS 类型说明

类型可以用 typeof() 获取。

Object类型，可以理解为引用类型，但是不完整。

var a = function() {}
console.log(typeof []) // 输出 object
console.log(typeof {}) // 输出 object
console.log(typeof null) // 输出 object
console.log(typeof undefined) // 输出 undefined
console.log(typeof a) // 输出 function

为什么typeof null 是 object 类型？
因为最早null出来的时候是为了指定空对象，是空对象的指针，空对象的占位符。在es6制定的时候，有提出null的这个问题，但是被es6标准的时候拒绝了，因为修改这个的话，可能会导致之前写的所有代码都需要重新去修改，所以是个历史遗留问题，可能以后会解决吧。

显式类型转换

Number（）

console.log(Number(null)) // 输出：0
console.log(Number(undefined)) // 输出：NaN
console.log(Number('a')) // 输出：NaN
console.log(Number('123')) // 输出：123
console.log(Number('1a')) // 输出：NaN
console.log(Number(true)) // 输出：1
console.log(Number(false)) // 输出：0

parseInt（）

console.log(parseInt(true)) // 输出：NaN (parseInt只会把number类型转成整型，而不会先把其他类型转为number类型)
console.log(parseInt(3.66)) // 输出：3
console.log(parseInt('abc123')) // 输出：NaN
console.log(parseInt('123abc12')) // 输出：123 (parseInt只会从头开始识别数字，识别到不是数字的情况下就停止，不会继续向后识别)
console.log(parseInt(undefined)) // 输出：NaN
console.log(parseInt(null)) // 输出：NaN

Boolean（）
null，undefined，NaN，false，空字符串都是 false，其他的都是true

console.log(Boolean(undefined)) // 输出：false
console.log(Boolean(null)) // 输出：false
console.log(Boolean(NaN)) // 输出：false
console.log(Boolean(false)) // 输出：false
console.log(Boolean('abc')) // 输出：false

隐式类型转换

1. 字符串里是纯数字，会隐式转换为number

var a = '123'
a++
console.log(a) // 输出124

2. 字符换和数字相加，会会隐式转换为字符串

var a = 'a' + 1
console.log(a) // 输出 a1

3. 字符串中是纯数字的情况下，乘法(*)，除法(/)，减法(-)，求余(%) 和 比较两个数字都会转成number

console.log('3' * '2') // 输出 6
console.log('3' / '2') // 输出 1.5
console.log('3' - '2') // 输出 1
console.log('3' % '2') // 输出 1
console.log('3' > '2') // 输出 true

4. === 不进行隐式转换

console.log('3' === 3) // 输出 false

5. 在比较的时候下面情况比较特殊

// null，undefined既不大于零，也不小于零，也不等于零
// 但是undefined == null （百度考过）
// undefined === null 是 false
console.log(null > 0) // 输出 false
console.log(null < 0) // 输出 false
console.log(null == 0) // 输出 false
console.log(undefined > 0) // 输出 false
console.log(undefined > 0) // 输出 false
console.log(undefined == 0) // 输出 false
console.log(null == undefined) // 输出 true
console.log(null === undefined) // 输出 false

6. 字符串前面增加 加号/减号，是要把字符串成number的，如果字符串不是纯数字的则输出输出NaN

var a = '123'
console.log(+a) // 输出number类型的 123
console.log(-a) // 输出number类型的 -123

 var a = '123abc'
 console.log(+a) // 输出NaN
 console.log(-a) // 输出NaN

isNaN（）

isNaN() 会先把里面的值用Number转换后在进行判断。

console.log(isNaN(NaN)) // 输出 true
console.log(isNaN(123)) // 输出 false
console.log(isNaN('123')) // 输出 false
console.log(isNaN(a)) // 未定义的a 输出 true
console.log(isNaN(null)) // 输出 false