#理解闭包
JS的作用域分两种,全局和局部,基于我们所熟悉的作用域链相关知识,我们知道在JS作用域环境中访问变量的是由内到外的,内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量。
一、了解闭包
1.有权访问另一个函数作用域中的变量的函数。简单理解为“定义在一个函数内部的函数
2.变量的作用域分为两种:全局变量和局部变量
3.闭包生成的三个必要条件
3-1:在a函数内部直接或间接返回一个函数b
3-2:b函数内部使用着a函数的私有变量
3-3:a函数外部有一个变量接受b
形成一个不会销毁的函数空间
全局变量:在函数内部可以直接读取全局变量
var num = 100
function fn() {
console.log('数字: ' + num)
}
fn()
局部变量:在函数外部无法读取函数内的局部变量
function a() {
var num = 100
}
console.log(a)
**注意:变量声明如果不使用var关键字,那么它就是一个全局变量,即使是在它的函数内定义**
二、如何从外部获取局部变量?
有的时候我们需要得到函数内部的变量,但是正常情况下函数外部是无法读取函数内的局部变量的。这时候我们就可以使用闭包=>函数内部的函数,那就是在函数内部,在定义一个函数。
function a() {
var num = 100
function b() {
console.log(num)
}
}
函数b就包括在函数a里面,a这时因为JavaScript语言的”链式作用域结构”的,子对象一层一层向上寻找父对象的变量。所以父对象所有的变量,对子对象都是可见的,反之则是不可见的。由此可见上面函数,函数a的局部变量对函数b是可见的,但是函数b的局部变量对函数a是不可见的。
既然函数b可以读取函数a的局部变量,那么只要把函数b做为返回值那么就可以在a函数外部读取函数b的内部变量了。
function a() {
var num = 100
return function b() {
var n=0
}
}
var res = a()
res()
res = null
一般情况下,在a函数执行完以后,就应该销毁执行空间,但是b函数做为返回值赋值给了res,这时b函数内部还引用着a函数里面的变量,所以变量无法被销毁,而变量n是每次调用的时候新创建的,所以当res执行完以后就把属于自己的变量销毁了,最后只剩下num,这里便产生了内存消耗问题.
三、总结
优点:
1.延长变量的生命周期=>因为执行空间不会销毁,变量也不销毁
2.可以访问函数内部的私有变量=>利用闭包函数可以访问函数内部的私有变量
3.保护私有变量=>保护私有变量不被外界访问
缺点:
1.执行空间不会销毁,增大内存消耗,造成内存泄漏。解决方法可以在使用完变量以后手动设置为null;
家中逆战,无畏疫情