JS 里的数据类型转换

JS中的7种数据之间大部分是可以相互转换的，这篇文章做一个小小的总结。

一.任意类型转字符串

1.toString()方法。

true.toString = 'true'
({}).toString = '[object Object]'

对于数据类型null和undefined是不能够用toString()方法的。
2.全局方法String()

String(1)
 '1'
String(true)
'true'
String(null)
 'null'
String(undefined)
'undefined'
String({})
'[object Object]'

3.任意类型用+拼接空字符串 ''

1 + ''
'1'
true + ''
'true'

需要注意的是当对象与空字符串拼接时，用以下方式：

{} + ''
0
var o = {}
o + ''
'[object Object]'

二.转数字类型

1.全局方法 Number()
使用Number函数，可以将任意类型的值转化成数值。Number函数将字符串转为数值，要比parseInt函数严格很多。基本上，只要有一个字符无法转成数值，整个字符串就会被转为NaN。

2. parseInt(x, 10) ，其具体的使用方式见：MDN

3.parseFloat(x) ,具体使用方式见：MDN

4.X - 0 ，当用字符串类型减去数字0，也可以实现类型的转换

'1' - 0
1

5. + X 与方式4类型，通过+号与X拼接的形式

三.任意类型转Boolean

1.全局方法 Boolean(x)
2.技巧：!! x x的双重否定还是它自身。
JS中有六个值会被视为false，见我的上一篇文章：JS里的数据类型

四.用内存图解释关于object的常见问题

用一个比较简单的方法解释JS数据在内存中存储：
1.JS 引擎将内存分为代码区和数据区
2.我们只研究数据区
3.数据区分为 Stack（栈内存） 和 Heap（堆内存）
4.简单类型的数据直接存在 Stack 里
5.复杂类型的数据是把 Heap 地址存在 Stack 里
例如：

var a = 1
var b = a
var b = 2
a
1

b变量的变化并不会影响a变量，因为简单的数据类型会存储在stack内存中。但对于复杂数据如object，当我们声明一个对象时，其在stack中存储一个地址，该地址是其在heap中的具体地址。简单地说，就是stack中是该对象的引用。以如下常见的面试题为例：

var a = 1
var b = a
b = 2
请问 a 显示是几？  
// 1

var a = {name: 'a'}
var b = a
b = {name: 'b'}
请问现在 a.name 是多少？
// 'a'

var a = {name: 'a'}
var b = a
b.name = 'b'
请问现在 a.name 是多少？
// 'b'

var a = {name: 'a'}
var b = a
b = null
请问现在 a 是什么？
// 'a'

如下关于变量提示的面试题：

var o = {self:o}
o.self
//undefined

因为上面的代码相当于如下：

var o 
o = {self:o}
o.self
//undefined

变量o被先声明了却没有赋值，所以为undefined。
6.垃圾回收
如果一个对象在heap中没有被引用了，就会被浏览器当作垃圾，在合适的时间被回收，释放出该内存空间。但在IE 6浏览器中，会存在垃圾回收的BUG，称为内存泄露。

6.深拷贝与浅拷贝

var a = 1
var b = a
b = 2 //这个时候改变 b

上述代码中，a 完全不受 b 的影响，我们就称之为深拷贝。
1.对于简单类型的数据来说，赋值就是深拷贝。
2.对于复杂类型的数据（对象）来说，才要区分浅拷贝和深拷贝。
如上述JS常见面试题中的一道题：

var a = {name: 'frank'}
var b = a
b.name = 'b'
a.name === 'b' // true

对b进行操作后，a也被改变了，这种情况就是浅拷贝。如果对a对象heap内存中的数据也进行完全拷贝，此时a与b就不会互相影响，这种情况就是深拷贝。

（完）