对js闭包的理解

最新推荐文章于 2022-05-04 12:48:12 发布

置顶魏亚强

最新推荐文章于 2022-05-04 12:48:12 发布

阅读量420

点赞数 4

分类专栏：前端

本文链接：https://blog.csdn.net/wyq188945/article/details/102937691

版权

前端专栏收录该内容

22 篇文章 0 订阅

订阅专栏

首先理解概念
定义：当一个函数的返回值是另外一个函数，而返回的那个函数如果调用了其父函数内部的其它变量，如果返回的这个函数在外部被执行，就产生了闭包。

上代码

	function test(){
		var count=0;
		return function(){
			count++;
			alert(count);
		}
	}
	var t1=test();//将方法赋值给一个对象,也可以使用下面的形式实例化一个方法对象，赋值给t1
	//var t1=new test();
	t1();//只是调用了方法内部的匿名方法；
	t1();//第二次调用方法内部的匿名方法

结果

alert(1);
alert(2);

闭包的这种形式，允许在方法的内部拥有自己的私有变量，（如果是一般的方法，方法执行完之后，内部的私有变量会被回收掉）。并且通过在外部调用内部方法，对外部方法的私有变量进行修改。之所以私有变量没有被回收，首先将方法作为一个变量t1保存起来，通过t1调用内部方法，来对t1中的私有变量进行修改。

方便理解，我写了一个demo（一个计数器）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
	</head>
	<body>
		<button onclick="myfunction()" >点击计数器</button>
		<p id="demo">0</p>	
	</body>
	<script>		
	function test(){
		var count=0;
		return function(){
			return count=count+1;
		}
	}	
	var t1=new test();		
	function myfunction(){		
		$("#demo").html(t1());
	}
			
	</script>
</html>

魏亚强

关注

4
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
对js闭包的理解

首先理解概念定义：当一个函数的返回值是另外一个函数，而返回的那个函数如果调用了其父函数内部的其它变量，如果返回的这个函数在外部被执行，就产生了闭包。上代码 function test(){ var count=0; return function(){ count++; alert(count); } } var t1=test();//将方法赋值给一个对象,也...
复制链接

扫一扫