javascript-closure

原创
2019/04/02 16:50
阅读数 42

 

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

 

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部