一、变量的作用域
要理解闭包,首先必须理解Javascript特殊的变量作用域。
变量的作用域无非就是两种:全局变量和局部变量。
问题:全局变量和局部变量各自有什么缺点?
全局变量:
在函数体外定义的变量,每个函数都能使用修改,就会造成全局污染
局部变量:
在函数体内定义的变量,只有当前函数能使用,但是不能在全局重复使用
函数在创建的时候会创建两个对象,一个是函数对象本身,另一个是作用域链对象 函数在调用的时候会创建一个执行环境对象(活动对象)
二、闭包
既能重复使用,又不会污染全局?闭包!
可以把闭包简单理解成"定义在一个函数内部的函数
"。
形成闭包的三步
1、外层函数嵌套内层函数
2、内层函数使用外层函数的局部变量
3、把内层函数作为外层函数的返回值
特点
闭包可以在一个全局函数里操作另一个作用域的局部变量
外层函数的活动对象不能被释放
可以避免使用全局变量,防止全局变量污染;
占内存而且有内层泄露风险
内存泄露:
内存里的一些数据没人用但是也没有被释放
每调用一次外层函数就可以得到一套闭包,两套闭包各自有自己的n来重复使用,互相不影响
三、原理
function numCompany () {
var n = 1
function getNum () {
return ++n
}
return getNum
}
// fn接收的时numCompany的返回值,也就是getNum函数本身
var fn = numCompany()
四、使用场景
点击li弹出下标
//闭包: 每一趟村循环都是一个闭包,每个闭包里都有自己的index
for (var i = 0; i < list.length; i++) {
list[i].onclick = (function (index) {
// 点击事件的处理函数是内层函数
return function () {
alert(index)
}
})(i)
}