一、内存的概念
1.引用就是一个数据被多少个变量或者属性所指向
var a = 1;//内存里开辟了一个空间 保存了 1 这个值 ,而a这个变量实际上存的是这个 1 在内存中的地址
var obj = {
a : a,//创建副本
b : 2,//给b这个属性赋值 2
c : function(){}
};
2.字符串、数字、undefined、null、布尔、NaN都是创建副本
a = null //假如这个a是引用的话,a改变了,obj.a也要跟着改变 //错误
//假如这个a是创建副本的话,a改变了,obj.a不改变 //正确
3.只要是个对象,就是引用 eg : array、function obj => new Number(1)//以对象形式创建的数字
var obj2 = obj; // 引用,复杂对象,和基础数据类型相比,内存还有复杂程度是不一样的,指向同一个内存地址
可以进行点操作的就可以被称为对象 => obj.a
二、引用与垃圾回收机制
1.var obj = {
a : 1,
b : 2,
c : 3
};//引用 + 1
//定义一个变量,在内存中开辟一个空间保存了这个对象的数据,obj这个变量实际上保存的是对象在内存中的地址
var obj2 = obj;//被重复引用 +1 = 2
//定义一个变量,obj2保存了obj的内存地址,这是一个引用关系
2.垃圾回收机制
当一个变量的引用次数为0的时候他在内存中就被销毁了
当一个对象数据在一定时间后,没有被使用的话,垃圾回收机制会自动把他销毁
当js代码执行完毕的时候也会自动销毁
三、闭包
1.一个数据被引用导致无法被销毁,就称作闭包
//每次函数执行,返回一个新的函数体,新的函数体里引用了内部的变量形成
function foo(){
var a = 1;
function bar(name){
console.log(name,++a)
}
bar();//执行完毕自动销毁,引用没了!!! 函数不可能再次被调用 所以说没形成闭包,因为他没有返回出来,函数执行完毕就自动销毁
return bar;//闭包里面必须要有引用
}
var a = 666;
document.onclick = function(){
console.log(a)//引用了,这就是闭包
}
2.闭包优点:变量被保存起来没有被销毁,随时可以被调用。缺点:变量被保存起来没有被销毁,非常消耗内存
例子:
for(var i = 0,iL = oLi.length;i < iL;i++){
//消耗性能
;(function(thatIDom,thatI){
var n = 0;
//只允许你使用一次,使用完一次之后我要销毁你的内存
thatIDom.onclick = function(){
console.log(thatI);
//加入逻辑判断,触发他的回收机制
if(n > 2){
thatIDom.onclick = null;//通常解除一个引用一般都使用null
}else{
n++;
}
}
})(oLi[i],i);
}