JS 里的数据类型转换

上一篇文章中介绍了js的七种数据类型分别为：Number、String、Boolean、Symbol、Null、Undefined、Object，前六种为基本数据类型，只有对象是复杂数据类型，下面说说他们各种数据类型之间互相转换的方法：

一、 任意类型转字符串

以下三种方法：（x为任意类型变量）

• String(x)
  String方法的参数如果是对象，返回一个类型字符串

• x.toString() (不适用于null 和 undefined)

  
  String(x)

• x + '' (最简单常用，加空字符串)

  
  任意类型转字符串

二、任意类型转数字

有下面五中方法：

• Number(x)
  Number函数比较严格，只要有一个字符无法转化为数值，整个字符串就返回NaN。

  
  Number函数
• parseInt(x, 10)
• parseFloat(x)
• x - 0

• +x

  
  任意类型转数字

三、任意类型转布尔

• Boolean(x)

• !!x 即取反两次

  
  任意类型转布尔

这里涉及到五个falsy值，分别为：0 、NaN 、''（空字符串）、null 、undefined
除了这五个值和false本身之外，其他值转换为布尔值都为true，空对象也是true,内容含有空格的字符串也是true

四、 内存图

计算机中所有程序的运行都是在内存中进行的，因此内存的性能对计算机的影响非常大。只要计算机在运行中，CPU就会把需要运算的数据调到内存中进行运算，当运算完成后CPU再将结果传送出来，内存的运行也决定了计算机的稳定运行。

计算机对已有的内存进行分配，根据情况分配给浏览器一定的内存，浏览器又给没个网页各自分配一定的内存，网页把这部分内存用于页面渲染器、网络模块、浏览器外壳和 JS 引擎（V8引擎）。

其中，JS引擎将内存分为代码区和数据区，JS引擎首先将变量提升到代码区，我们主要讨论的是，数据区如何存储值，数据区分为Stack（栈内存）和Heap（堆内存）
对于普通数据类型，我们直接将他们存储在Stack，但是对于对象，我们随时都有可能对他添加别的属性，需要不断地出栈入栈，，很麻烦，所以浏览器将对象存储在堆内存中，然后把对象在堆中对应的地址，存在Stack中，这样，每次要取对象的值时，就去Stack中找到的就是对应在堆中的地址。

所以在遇到响应问题的时候最好通过画图来解决，比如：

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

image.png

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

image.png

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

image.png

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

image.png

• 深拷贝和浅拷贝
  在上面的几个例子中，有时候a的值不会受b值改变的影响，这就叫深拷贝
  有时候a的值会受b值改变的影响，这就叫浅拷贝
  对于所有的基本类型，他们之间的赋值比较简单，都是深拷贝
  而对于比较复杂的对象，要达到深拷贝，在复制时，所有的引用都要再复制一份，不能有任何关联
  浅拷贝的例子：

var a = {name: 'a'}
var b = a
b.name = 'b'
a.name === 'b' // true
//b的值改变，a的值也改变

深拷贝的例子（比较复杂）

var a = {name: 'a'}
var b = deepClone(a) // deepClone 还不知道怎么实现
b.name = 'b'
a.name === 'a' // true
//b的值改变，a的值不改变

五、 垃圾回收GC

如果一个对象没有被引用，它就是垃圾，会在一段时间内被浏览器回收
对于IE6及之前的一些版本，有可能会出现一些bug，使得该被标记为垃圾的没有被标记为垃圾，内存会一直被占用着，直到把整个浏览器关掉，这种现象就叫做内存泄漏