普通类型与对象的区别
简单类型:number, string, boolean, symbol, null, undefined ;
复杂类型:object ;
内存
- 一个 8G 的内存条
- 操作系统开机即占用 512MB
- Chrome 打开即占用 1G 内存
- Chrome 各每个网页分配一定数量的内存
- 这些内存要分给页面渲染器、网络模块、浏览器外壳和 JS 引擎(V8引擎)
- JS 引擎将内存分为代码区和数据区
- 本文只研究数据区
- 数据区分为 Stack(栈内存)和 Heap(堆内存)
- 简单类型的数据直接存在 Stack 里
- 复杂类型的数据是把 Heap 地址存在 Stack 里,遇到问题画内存图解决;
面试题解析:
var a = 1
var b = a
b = 2
请问 a 显示是几? //1
复制代码
内存图:
2.
var a = {name: 'a'}
var b = a
b = {name: 'b'}
请问现在 a.name 是多少? //'a'
复制代码
内存图:
3.
var a = {name: 'a'}
var b = a
b.name = 'b'
请问现在 a.name 是多少? //'b'
复制代码
内存图:
4.
var a = {name: 'a'}
var b = a
b = null
请问现在 a 是什么? //{name:'a'}
复制代码
内存图:
浏览器记下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
复制代码
垃圾回收
- 如果一个对象没有被引用,它就是垃圾,将被回收。
- 图中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变化,为浅拷贝。