JavaScript 是一种弱类型的语言，也就是没有类型限制，变量可以随时被赋予任意值。
同时，在程序运行过程中，类型会被自动确认的。因此，这就是涉及到数据的类型转换。在 JS 的世界中，数据类型转换可以分为类型的显示转换和隐式转换。
JavaScript 中的显示转换
JS 中的显示转换主要指的就是手动转换为 数值、字符串、布尔值。
任意值转换为数值
- 基本数据类型值转换为数值
原始类型的值主要是字符串、布尔值、undefined和null，它们都能被Number转成数值或NaN。
// 数值：转换后还是原来的值
Number(324) // 324
// 字符串：如果可以被解析为数值，则转换为相应的数值
Number('324') // 324
// 字符串：如果不可以被解析为数值，返回NaN
Number('324abc') // NaN
// 空字符串转为0
Number('') // 0
// 布尔值：true 转成1，false 转成0
Number(true) // 1
Number(false) // 0
// undefined：转成 NaN
Number(undefined) // NaN
// null：转成0
Number(null) // 0
- 对象转换为数值
Number方法的参数是对象时，将返回NaN，除非是包含单个数值的数值
Number({a: 1}) // NaN
Number([1, 2, 3]) // NaN
Number([5]) // 5
对象的转换规则：
调用对象自身的valueOf方法。如果返回基本类型的值，则直接对该值使用Number函数，不再进行后续步骤。
如果valueO方法返回的还是对象，则改为调用对象自身的toString方法。如果toStrin方法返回基本类型的值，则对该值使用Numbe函数，不再进行后续步骤。
如果toStrin方法返回的是对象，就报错。
任意值转化为字符串
- 基本类型值
String(123) // "123"
String('abc') // "abc"
String(true) // "true"
String(undefined) // "undefined"
String(null) // "null"
- 对象
String方法的参数如果是对象，返回一个类型字符串；如果是数组，返回该数组的字符串形式。
String({a: 1}) // "[object Object]"
String([1, 2, 3]) // "1,2,3"
对象转换规则：
先调用对象自身的toString方法。如果返回基本类型的值，则对该值使用String函数，不再进行以下步骤。
如果toString方法返回的是对象，再调用原对象的valueO方法。如果valueOf方法返回基本类型的值，则对该值使用String函数，不再进行以下步骤。
如果valueOf方法返回的是对象，就报错。
任意值转换为布尔值
使用 Boolean 函数，以下六个值的转换结果为false：
- undefined
- null
- -0
- 0 或 +0
- NaN
- ""(空字符串)
其他的任意值都是true，包括所有对象，即使是空对象
Boolean(new Boolean(false)) // true
甚至连false对应的布尔对象new Boolean(false)也是true
JavaScript 中的隐式转换
数据类型既然有显示的转换，就有隐式转换，而数据的隐式转化主要是发生在JS中的运算符操作和流程控制语句中。
// 1. 不同类型的数据互相运算
123 + 'abc' // "123abc"
// 2. 对非布尔值类型的数据求布尔值
if ('abc') {
console.log('hello')
} // "hello"
// 3. 对非数值类型的数据使用一元运算符（即“+”和“-”）
+ {foo: 'bar'} // NaN
- [1, 2, 3] // NaN
这其中有两个隐式转化需要特别注意：”==“ 和 ”+“
“ + “号有两种用途：一是作为加法运算符，二是作为连接运算符
// 当其中一个是字符串，不管另一个是什么，都会转换为字符串
"1" + "2" // "12"
"1" + 2 // "12"
"1" + true // "1true"
// 两边是数值或者布尔值（false转换为0，true转换为1），均相加
true + 1 // 2
ture + true // 2
ture + false // 0
1 + 2 // 3
还有一种情况是：
其中一边或者两都存在对象，则先调用该对象的valueOf方法。如果返回结果为原始类型的值，则运用上面两条规则；否则继续调用该对象的toString方法，对其返回值运用上面两条规则
1 + {} // 1[object Object]
1 + [] // 1 注意：这里空数组最终返回空字符串
1 + [1,2] // 11,2
function a() {
return 2;
}
1 + a // 1function a() {return 2}
1 + a() // 3
再来看” == “：
- 双等号两边是否有NaN，如果有，一律返回false
- 两边是否存在布尔值，有则将布尔值转换为数字（false是0，true是1）
- 一边存在字符串时：对方是对象，对象使用toString() 或者 valueOf() 转换
- 对方是数字，字符串转换为数字
- 对方是字符串，直接比较
- 其他均返回false
- 一边是数字，对方是对象，对象使用toString() 或者valueOf() 比较，其他均返回false
- null和undefined比较，返回true
还要注意的是：
并不是对象转换为字符串就是只调用 toString()，数值就只调用 valueOf()。
大多数对象（Date对象就是例外）的转换会先调用valueOf()方法，再调用toString()方法
参考资料：
《JavaScript 高级程序设计》（第三版）
http://javascript.ruanyifeng.com/grammar/conversion.html#toc2
http://www.css88.com/archives/5199
http://www.haorooms.com/post/js_yinxingleixing
网友评论