博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript-closure
阅读量:6158 次
发布时间:2019-06-21

本文共 1806 字,大约阅读时间需要 6 分钟。

hot3.png

 

//函数当作返回值的时候变成了闭包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 bigunFactory("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: 10anInstance.age = 20; //age是对象的属性,可以任意变更anInstance.show(); //会打印出 name: super, age: 20anInstance.name = "stupid"; // 这行不会出错,但是改变的name 是闭包内的变量,但不是 anInstance对象的变量anInstance.show(); //回打印出 name: super, age: 20

 

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

你可能感兴趣的文章
第三章 爱的表达
查看>>
获取SQL SERVER某个数据库中所有存储过程的参数
查看>>
在Linux下编译安装Apache2(2)
查看>>
Method Swizzling 处理一类简单的崩溃
查看>>
AngularJS学习!
查看>>
在Eclipse中搭建Python Django
查看>>
struts国际化
查看>>
Laravel 5.0 - Middleware (中间件)
查看>>
文件特殊权限及facl
查看>>
我的友情链接
查看>>
Android按两次返回键退出应用
查看>>
第一章:认识Redhat Linux
查看>>
文本查看指令
查看>>
我的友情链接
查看>>
android开源项目框架大全:《IT蓝豹》
查看>>
[vue.js]Invalid options in vue.config.js: "publicPath" is not allowed
查看>>
CA证书
查看>>
DBA基础系列SQL Server 2014:2. SQL Server用户数据库初始化配置
查看>>
spring boot框架学习学前掌握之重要注解(2)-通过java的配置方式进行配置spring
查看>>
5、vsphere6-ESXI主机的安装及配置
查看>>