javascript-closure

2019独角兽企业重金招聘Python工程师标准>>>

 

//函数当作返回值的时候变成了闭包
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

 

转载于:https://my.oschina.net/lovemiao/blog/3031451