[JavaScript知识库] javascript闭包

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> javascript闭包 -> 正文阅读

[JavaScript知识库]javascript闭包

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>

JavaScript知识库最新文章

ES6的相关知识点

react 函数式组件 & react其他一些总结

Vue基础超详细

前端JS也可以连点成线（Vue中运用 AntVG6）

Vue事件处理的基本使用

Vue后台项目的记录（一）

前后端分离vue跨域，devServer配置proxy代理

TypeScript

初识vuex

vue项目安装包指令收集

加:2021-07-28 07:38:44 更:2021-07-28 07:39:07

360图书馆购物三丰科技阅读网日历万年历 2024年5日历

-2024/5/5 23:10:18-

图片自动播放器
↓图片自动播放器↓

TxT小说阅读器
↓语音阅读,小说下载,古典文学↓

一键清除垃圾
↓轻轻一点,清除系统垃圾↓

图片批量下载器
↓批量下载图片,美女图库↓

网站联系: qq:121756557 email:121756557@qq.com IT数码