不废话,直接看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>闭包</title>
</head>
<body>
<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>5</button>
<script>
function A(){
var count = 0;
function B(){
console.log(++count)
}
return B
}
var b = A();
b();
b();
b();
// var a = 3; console.log(a - 2 + ++a + --a / a << 3);
// 1, 什么是闭包?
// 通俗解释: 一个函数的返回值返回了另一个函数,这种结构就叫闭包结构
// 书面解释: 一个函数有权访问另一个函数内部局部变量的函数
// 2, 闭包的作用?
// 闭包可以使一个函数中的局部变量拥有全局变量的部分特性, 函数执行结束后,变量不会被js垃圾回收机制回收,清理,重置
// 3, 闭包的用法?
// 在循环中绑定事件时,使用闭包结构保留循环变量i的值,每次循环中i的值不被回收,清理,更新,替换
var buttons = document.getElementsByTagName("button")
for(var i = 0; i < buttons.length; i++){
buttons[i].onclick = method(i+1)
}
function method (index){
return function(){
console.log(index)
}
}
// 4, 闭包的缺点?
// 闭包会造成内存泄漏
// 内存泄漏: 一个数据在使用完毕之后,没有被回收机制清理, 依然占用内存,使可用内存越来越少, 最终内存泄漏过多, 会导致系统卡顿甚至崩溃
</script>
</body>
</html>