JS的数据类型
- 6种原始类型
- Number
- String
- Boolean
- Null
- Undefined
- Symbol(ECMAScript 6 新定义)
- 复杂类型
- Object
内存的相关概念
- 什么是内存？
-
内存就是一个临时存储器，运行程序时，有一个机构会先将程序代码和参数变量存放到内存中，然后CPU来读，接着执行，当然了，当关机后，里面的数据也就没有了。
内存实物
-
- Chrome上打开每个网页都会分配一定数量的内存。
- 这些内存主要分配给页面渲染器，网络模块，浏览器外壳以及js引擎。
- js引擎将内存分为代码区和数据区。
- 数据区分为Stack(栈内存)以及Heap(堆内存)。
原始类型和复杂类型仔存储上的区别
- 普通类型的值直接存储在Stack(栈内存)中。
- 复杂类型则是把具体数据存在Heap(堆内存)中，然后把堆中数据相应的地址存在栈中。
- 所有变量和对象之间的关系都是引用，当变量a中存了一个地址，地址指向的Heap里存着一个对象，这时我们说a是对象的引用。
深拷贝&浅拷贝
- 对于简单类型的数据来说，赋值就是深拷贝。
var a = 1
var b = a
b = 2
请问 a 显示是几？
当执行到第二行var b=a时，内存中可以表示为：
此时执行第三行
b=2直接将 2 的值放在 b 的stack中，如：
所以
b的改变并没有影响到a，a的结果还是1。
- 对于复杂类型的数据（对象）来说，有浅拷贝和深拷贝之分。
- 深拷贝
var a = {name: '1'}
var b = a
b = {name: '2'}
请问现在 a.name 是多少？
从上图可知对于复杂类型，在栈（Stack）上存储的是一个地址，在堆（Heap）上存储的是数据。按照地址有指向关系。运行到
var b = a时，是将a中的addr77地址复制一份放到b的stack中。当运行b = {name: '2'}时是在heap中重新开出一块放置{name: '2'}且地址为33，并且b的地址更改为addr33。这个时候b指向addr77的作废，重新指向33。所以这个时候a还是原来的。即a.name的结果是1。
- 浅拷贝
var a = {name: '1'}
var b = a
b.name = '2' // 这种形式是将name值重新赋值
请问现在 a.name 是多少？
当运行至
var b = a时a和b的指向相同，此时运行b.name = '2'，更改了heap中地址66中的信息，如图所示。所以这个时候a.name的结果是{name: '2'}。
- 总结：
- b变不影响a→深拷贝
- b变致a变→浅拷贝
- 当给b进行“b =”的赋值操作时，Stack里b的映射关系是一定变动的，即栈里存放的b的heap地址是一定随其堆变化而变化的
- 当给b进行诸如“b.name=”的操作时，b.name属于heap里存放的b的内容(属性)改变，就像是那个房间里的陈设发生了变化而门牌号仍不变一样。
关于循环引用的题目
var a = {self:a}
a.self // undefined
因为上面的代码等同于
var a;
a = {self: a}//括号里面的a还未赋值，故未undefined
此时a为undefined,所以a.self当然是undefined
var a = {};
a.self = a:
这样子self中存的是a的地址
所有可以一直a.self.self下去。他们的值都是{}
var a = {n:1};
var b = a;
a.x = a = {n:2}; (从左向右看)
alert(a.x); // undefined
alert(b.x); // [object Object]
a.x中a的地址和中间的a的地址是不同的,最终a指向{n：2},b指向{n:1,x:(对象{n:2}的地址)}
a.x=a={n:2}一句实际浏览器先确定a一开始都是指向addr99,运算从右向左，先运算a={n:2}这时候新造一个adde55，运算a.x=a，a.x还是属于99，后面的a属于55,所以在99里面增加一个x:addr55。
垃圾回收
- 如果一个对象没有被引用，它就是垃圾，将会被回收。
var fn =function(){};
document.body.onclick = fn;
fn = null;
此时function(){}不是垃圾，document.body.onclick = null 的话它才会成为一个垃圾
IE有一个bug，一个页面关闭时无法回收监听事件的对象，关闭整个IE才可以，解决问题的方案如下:
window.onunload = function(){
// 去掉所有的事件监听
}
这就是内存泄漏
网友评论