//只产生了一个闭包;因为fn1只执行了一次
function fn1() {
var a = 2;
function fn2() {
a++;
console.log(a);
}
return fn2;
}
var f = fn1();//这里返回了fn2;产生了闭包
f();// 3;这里执行的fn2的代码
f();// 4
function showDelay(msg, time) {
setTimeout(function() {
alert(msg);
}, time);
}
showDelay("hello", 2000);
//只产生了一个闭包;因为fn1只执行了一次
function fn1() {
//此时闭包就已经产生了(函数提升,内部函数对象已经创建了)
var a = 2;
function fn2() {
a++;
console.log(a);
}
return fn2;
}
var f = fn1();//这里返回了fn2;产生了闭包
f();// 3;这里执行的fn2的代码
f();// 4
f = null; // 闭包死亡(包含闭包的函数对象成为了垃圾对象)
JS模块:
function myModule() {
var msg = "hello";
function doSomething() {
console.log(msg.toUpperCase());
};
function doOtherthing() {
console.log(msg.toLowerCase());
}
//return doSomething;//向外暴露一个函数
//暴露多个函数
return {
doSomething:doSomething,
doOtherthing:doOtherthing
};
}
调用:
var module = MyModule();
module.doSomething();
module.doOtherthing();
第二种
js文件:
(function(w) {
//私有数据
var msg = "hello";
//操作数据的函数
function doSomething() {
console.log(msg.toUpperCase());
};
function doOtherthing() {
console.log(msg.toLowerCase());
};
//向外暴露对象(给外部使用的方法)
w.myModule = {
doSomething:doSomething,
doOtherthing:doOtherthing
};
})(window)
调用:
myModule.doSomething();
myModule.doOtherthing();
function fn1() {
var arr = new Array[100000];
function fn2() {
console.log(arr.length);
};
return fn2;
}
var f = fn1();
f();
f = null; //让内部函数成为垃圾对象,回收闭包
var obj = {};
for(var i=0; i<10000; i++) {
obj[i] = new Array(10000000);
console.log("---");
}
function fn() {
a = new Array(10000000);
console.log(a);
}
fn();
* 没有及时清理的计时器或回调函数;
var intervalId = setInterval(function() {
console.log("---");
}, 1000);
//clearInterval(intervalId)
* 闭包;
function fn1() {
var a = 4;
function fn2() {
console.log(++a);
};
return fn2();
};
var f = fn1();
f();
//f = null;
测试一:
//没有闭包;函数嵌套,但内部函数没有引用外部函数的变量
var name = "The Window";
var object = {
name: "My Object",
getNameFunc: function() {
return function() {
return this.name;
};
}
};
//object.getNameFunc()()--->fun(),相window调用
alert(object.getNameFunc()());// The Window
测试二:
//有闭包;函数嵌套,内部函数引用外部函数的变量that
var name = "The Window";
var object = {
name: "My Object",
getNameFunc: function() {
var that = this;//这里的this是object,object调用了getNameFunc
return function() {
return that.name;
};
}
};
//
alert(object.getNameFunc()());// My Object
测试三:
function fun(n,o) {
console.log(o);
return {
fun: function(m) {
return fun(m, n);
}
};
}
var a = fun(0);// undefined(产生闭包)
a.fun(1);// 0
a.fun(2);// 0
a.fun(3);// 0
var b = fun(0).fun(1).fun(2).fun(3);// undefined 0 1 2
var c = fun(0).fun(1);// undefined 0
c.fun(2);// 1
c.fun(3);// 1