内存图
你买一个 8G 的内存条
操作系统开机即占用 512MB
Chrome 打开即占用 1G 内存
Chrome 各每个网页分配一定数量的内存
这些内存要分给页面渲染器、网络模块、浏览器外壳和 JS 引擎（V8引擎）
JS 引擎将内存分为代码区和数据区
我们只研究数据区
数据区分为 Stack（栈内存） 和 Heap（堆内存）
简单类型的数据直接存在 Stack 里
复杂类型的数据是把 Heap 地址存在 Stack 里
当我们写了var a = 1之后，a在代码区，1在数据区。
那么我们一旦去访问这个a就可以拿到1这个数据，他们之间是怎么关联的我们不用关心
面试题
var a = 1
var b = a
b = 2
请问 a 显示是几？
var a = {name: 'a'}
var b = a
b = {name: 'b'}
请问现在 a.name 是多少？
var a = {name: 'a'}
var b = a
b.name = 'b'
请问现在 a.name 是多少？
var a = {name: 'a'}
var b = a
b = null
请问现在 a 是什么？
深拷贝与浅拷贝
var a = 1
var b = a
b = 2 //这个时候改变 b
a 完全不受 b 的影响
那么我们就说这是一个深复制
对于简单类型的数据来说，赋值就是深拷贝。
对于复杂类型的数据（对象）来说，才要区分浅拷贝和深拷贝。
这是一个浅拷贝的例子
var a = {name: 'frank'}
var b = a
b.name = 'b'
a.name === 'b' // true
因为我们对 b 操作后，a 也变了
因为 我们写下b = a的时候，我们只是把 stack里面a指向的地址复制了一份给b,
a和b 指向的还是同一个对象，所以当改变b.name的时候 a.name也是会跟着变化的
那么怎么做到深拷贝？
什么是深拷贝了，就是对 Heap 内存进行完全的拷贝。
var a = {name: 'frank'}
var b = deepClone(a) // deepClone 还不知道怎么实现
b.name = 'b'
a.name === 'a' // true
垃圾回收
页面中的内存用完之后还给浏览器，如果一个对象没有被引用，它就是垃圾 ，将会被回收
如图所示：
有如下代码：
var fn = function(){}
document.body.onclick = fn
fn = null；
那么此时function(){}是不是垃圾呢？
我们来画一下内存图
