javascript闭包

最新推荐文章于 2022-05-16 17:45:45 发布

ps酷教程

最新推荐文章于 2022-05-16 17:45:45 发布

阅读量109

点赞数

分类专栏：前端学习

本文链接：https://blog.csdn.net/qq_16992475/article/details/119155962

版权

前端学习专栏收录该内容

145 篇文章 7 订阅

订阅专栏

var add = (function () {
    var counter = 0;
    return function () {return counter += 1;} // 返回函数,counter只会被初始化一次
})();
 
add();
add();
add();
 
// 计数器为 3

/*
变量 add 指定了函数自我调用的返回字值。
自我调用函数只执行一次。设置计数器为 0。并返回函数表达式。
add变量可以作为一个函数使用。非常棒的部分是它可以访问函数上一层作用域的计数器。
这个叫作 JavaScript 闭包。它使得函数拥有私有变量变成可能。
计数器受匿名函数的作用域保护，只能通过 add 方法修改。
*/

加深理解

<html>
	
<head>	
</head>

<body>
</body>

<script>
	
	var a = 3;
	debugger;
	console.log(a) // 3
	
	var a = 4;
	console.log(a); // 4
	
	(function add(){
		console.log(a) // 4
		a = a+1
		console.log(a) // 5
	})()
	
	
	console.log(a); // 5
	
	function redefine(){
		console.log(a) // undefined  下面有对a
		var a = 9
		console.log(a) // 9
	}
	redefine()
	
	console.log(a) // 5
	
	a = 50
	
	console.log(a) // 50
	console.log(this.a) // 50
	console.log(window.a) // 50
	
</script>

</html>

<html>
	
<head>	
</head>

<body>
</body>

<script>
	
	var counter = 1;
	
	var add = (function(){
		var counter = 5;
		return function(){
			counter+=1
			console.log(counter)
		}
	})();
	
	console.log(counter) // 1

	add() // 6
	add() // 7
	add() // 8
	
	console.log(counter) // 1
	
</script>

</html>

ps酷教程

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript闭包

var add = (function () { var counter = 0; return function () {return counter += 1;} // 返回函数,counter只会被初始化一次})(); add();add();add(); // 计数器为 3/*变量 add 指定了函数自我调用的返回字值。自我调用函数只执行一次。设置计数器为 0。并返回函数表达式。add变量可以作为一个函数使用。非常棒的部分是它可以访问函数上一层作用域的计数器。
复制链接

扫一扫