//函数当作返回值的时候变成了闭包
var gunFactory = function(howToShoot) {
var shoot = "How to shoot: " + howToShoot;
var gun = function() {
console.log(shoot)
};
return gun; // gun 变量存放的是函数,这个函数就是一个闭包,因为你把它当成返回值在函数间传递了
}
gunFactory("bi bi bi")(); //will print : How to shoot: bi bi bi
gunFactory("ba ba ba")(); //will print : How to shoot: ba ba ba
//函数当作参数的时候变成了闭包
var shoot = function(howToShoot) {
howToShoot();
}
var aShoot = "bi bi bi";
var howToShoot = function() {
console.log("How to shoot: " + aShoot) // aShoot变量被howToShoot函数使用了,所以闭包内就有 aShoot这个变量了,被打包进去了
}
shoot(howToShoot); // howToShoot 是一个变量,存的也是一个函数,因为函数被当成参数传递给了shoot()函数,所以它也是一个闭包
$("#xxx").click(function() { //匿名函数当闭包
console.log("xxx")
})
//以上代码等价于
var callback = function() {
console.log("xxx")
};
$("#xxx").click(callback) //可以看出callback就是一个函数,因为被当成了参数,所以就是一个闭包
$("#xxx").click(function() { //所以这个匿名函数就是一个闭包,虽然没有名字
console.log("xxx")
})
function f() { //第一层
var a;
return function () { //第二层
var b;
return function() { //第三层
console.log(a + "," + b);
}
}
}
var r = f()(); // 调用 f() 返回第二层的函数 ,再次 调用这个函数,返回第三层的函数,那么r就是第三层的函数。
//因为第三层函数内使用了 a 和 b变量,所以,r就是一个第三层函数的闭包,并且闭包内包含了 a b的引用的闭包,并且闭包内包含了 a b的引用
//只要 r 变量还有人使用,那么a 和 b 就一直可以被使用
//利用闭包可以模拟出私有变量,就是不允许别人直接访问的变量,比如
var MyClass = function() {
var name = "super";
this.age = 10;
this.show = function() {
console.log("name: " + name + ", this.age: " + this.age); //因为引用了 name 所以,name 成了闭包中被打包的属性
}
}
var anInstance = new MyClass();
anInstance.show(); // 会打印出 name: super, age: 10
anInstance.age = 20; //age是对象的属性,可以任意变更
anInstance.show(); //会打印出 name: super, age: 20
anInstance.name = "stupid"; // 这行不会出错,但是改变的name 是闭包内的变量,但不是 anInstance对象的变量
anInstance.show(); //回打印出 name: super, age: 20