上一篇文章中介绍了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，使得该被标记为垃圾的没有被标记为垃圾，内存会一直被占用着，直到把整个浏览器关掉，这种现象就叫做内存泄漏
网友评论