javascript闭包实例

最新推荐文章于 2024-07-09 19:02:21 发布

phiberg

最新推荐文章于 2024-07-09 19:02:21 发布

阅读量844

点赞数

分类专栏： ExtJS javascript jQuery 文章标签： javascript function jquery null c

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/phiberg/article/details/7533544

版权

ExtJS 同时被 3 个专栏收录

11 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<script>
	var Test = {};
	Test.Counter = (function(){

	var counter = null;
 
	return {
 
		a: function(){
			counter++;
		},
 
		b: function(){
			counter++;
		},
 
		c: function(){
			counter++;
		},
		d:function(){
			counter--;
		},
		get:function(){
			return counter;
		}
	}
})();		
			Test.Counter.a();
			Test.Counter.b();
			Test.Counter.c();
			Test.Counter.d();
			alert(Test.Counter.get());
		</script>
	</head>
	<body></body>
</html>
这里首先需要理解的是类似

(function(){//function body;})();//自动执行的函数块 (function($){})(jQuery);//相信用过jquery的朋友都知道这种结构的含义，这种方式的写法有一个前提，在代码执行到此处时，之前必须声明jQuery变量，在函数块自动调用时jQuery变量将会被$引用，以函数参数的方式将jQuery变量传到函数体内部。类似这样的方式写的函数，都是在函数创建之后就立即执行函数内部。在理解了上面两种写法之后，相信你很快能明白，其实Test.Counter在定义之后其本身是一个对象的形式，因为函数块自动执行时，直接向外层函数返回一个对象即return {};同时函数块内的变量counter的作用于被限制在Test.Counter内部，也就是对该函数内部的所有方法可见，就是通常所说的javascript中如何定义私有变量。因为Test.Counter本身是一个对象，同时函数块又为该对象作用域范围内创建了一个变量。所有每次调用Test.Counter.a();Test.Counter.b();。。。。。其实这些函数都是操作的同一个变量。因为函数块执行之后变量counter就一直被存放在内存当中，并且作用域也限制在Test.Counter，该变量仅对Test.Counter内部的方法可见。所以这个文件执行之后最后

调试结果是:2

本文如有表述不清楚的地方还请见谅

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。