普通类型与对象的区别

普通类型与对象的区别

简单类型：number, string, boolean, symbol, null, undefined ;
复杂类型：object ;

内存

1. 一个 8G 的内存条
2. 操作系统开机即占用 512MB
3. Chrome 打开即占用 1G 内存
4. Chrome 各每个网页分配一定数量的内存
5. 这些内存要分给页面渲染器、网络模块、浏览器外壳和 JS 引擎（V8引擎）
6. JS 引擎将内存分为代码区和数据区
7. 本文只研究数据区
8. 数据区分为 Stack（栈内存）和 Heap（堆内存）
9. 简单类型的数据直接存在 Stack 里
10. 复杂类型的数据是把 Heap 地址存在 Stack 里，遇到问题画内存图解决；

面试题解析：

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

内存图：

image

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

内存图：

image

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

内存图：

image

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

内存图：

image

浏览器记下b的类型为null，不管后面存什么都为null。

5. 引用类型

var a = {n:1}
var b = a
a.x = a = {n:2}
alert(a.x);  ?  //undefined;
alert(b.x);  ?  //[object Object]

• 先确定a为ADDR200，再确定a(ADDR100).x的值为ADDR200;
• 建议写成(注意结果不同)：

a ={n:2}
a.x = a

image

垃圾回收

image

• 如果一个对象没有被引用，它就是垃圾，将被回收。

image

image

• 图中function(){}不是垃圾，因为它被其它所引用。

深拷贝和浅拷贝

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

• b变化了没影响到a，为深拷贝；
• 一般赋值就用深拷贝；

var a = {name:'a'}
var b = a
b.name = 'b'
a.name = 'b'

• b变化导致a变化，为浅拷贝。