JavaScript的闭包-CSDN博客

本文链接：https://blog.csdn.net/chen2450071029/article/details/104577150

闭包定义：是JavaScript中函数的一种高级应用方式

在此之前先来认识一下函数的执行空间

function fn(){
	console.log('我是一个函数');
}
fn();

函数执行的时候会开辟一个执行空间，这个代码就在这里执行，代码执行完毕之后，这个空间销毁。

定义闭包

1.在函数1返回一个函数2,并且函数2访问函数1中的私有作用域变量

function fn1(){
	let a = 1;
	return function fn2(){
		let b = a;
		return b;
	}
}

2.在函数1外部，用变量引用函数2

function fn1(){
	let a = 1;
	return function fn2(){
		let b = a;
		return b;
	}
}
let c = fn1();
let d = c;

调用函数1，执行的结果就是函数2。引用c，实际上就是引用函数2。

闭包的应用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>我是第一个li标签</li>
        <li>我是第二个li标签</li>
        <li>我是第三个li标签</li>
        <li>我是第四个li标签</li>
        <li>我是第五个li标签</li>
    </ul>
    <script>
    	let lisObj = document.querySelectorAll('li');
    	//循环遍历所有li
    	for(var i = 0 ; i <= lisObj.length-1 ; i++){
    		//给每个li绑定点击事件
    		lisObj[i].addEventListener('click' , (function(int){
    			//会输出i的数值+1
    			return function(){
                    console.log(int+1)
                }
            }) (i))//立即执行函数
        }
    </script>
</body>
</html>