JS闭包
了解函数的两个阶段
- 函数的定义阶段
- 在内存中开辟一个存储空间
- 把函数体内的代码当作字符串一模一样的放在这个空间中(遇到的所有变量都不进行解析)
- 把这个空间地址赋值给函数名(变量名)
- 函数的调用阶段
- 按照函数名(变量名)找到对应的存储空间
- 从新开辟一个函数 执行空间
- 在这个执行空间里面进行形参赋值
- 在这个执行空间里面进行预解析
- 把函数存储空间的代码复制一份到执行空间里面执行一遍
- 执行完毕之后, 这个开辟出来的执行 空间销毁
注意:函数每次调用的时候都会开辟一个执行空间,调用完毕代码就会被销毁,当你再次调用的时候会再开辟一个执行空间,执行完毕代码就会被销毁。
举个栗子:
var num = 100
function fn() {
console.log('数字: ' + num)
}
fn()
fn()
函数的两个阶段上图代码的图解:
解析:
- 函数定义阶段
- 在内存中开辟了一个函数存储空间(xxff00)
- 把 console.log('数字: ’ + num) 这句代码放在这个存储空间中, 此时 num 变量没有解析, 存储的就是 num
- 把 xxff00 这个空间地址赋值给了 fn 这个函数名
- 函数调用阶段
- 按照 fn 里面存储的地址, 找到 xxff00 这个函数存储空间
- 开辟一个函数执行空间(xxff11), 在运行内存里面
- 在 xxff11 这个空间里面进行形参赋值
- 在 xxff11 这个空间里面进行预解析
- 把存储空间(xxff00) 里面存储的代码复制一份到这个执行空间,复制一份 console.log('数字: ’ + num) 过来,执行这句代码的时候才解析变量 num
- 等到代码执行完毕以后, 这个开辟的 xxff11 执行空间销毁
- 函数再次调用
- 按照 fn 里面存储的地址, 再次找到 xxff00 这个函数存储空间
- 再次开辟一个函数执行空间(xxff22), 在运行内存类面
- 在 xxff22 这个空间里面进行形参赋值
- 在 xxff22 这个空间里面进行预解析
- 把存储空间(xxff00) 里面存储的代码复制一份到这个执行空间,复制一份 console.log('数字: ’ + num) 过来,执行这句代码的时候才解析变量 num
- 等到代码执行完毕以后, 这个开辟的 xxff22 执行空间销毁
了解闭包
- 闭包生成的三个必要条件
- 在函数 A 内部直接或者间接返回一个函数 B
- B 函数内部使用着 A 函数的私有变量(私有数据)
- A 函数外部有一个变量接受着函数 B
- 举个栗子:
function a() {
// 此时的num变量就是a的私有变量
var num = 100
return function b() {
console.log(num)
}
}
// res 接受的是 a 函数执行以后的返回值
// res 接受的就是函数 a 内部返回的一个复杂数据类型(函数b)
// 导致函数 a 的执行空间不会销毁
var res = a()
// 从现在开始, res 随时可以是一个 函数a 里面返回的 函数b
res()
// 当 res 调用的时候, 打印 num, 打印出来的就是 a 函数内部的私有变量 num 的值
总结闭包的特点
- 延长了变量的生命周期
- 优点: 因为执行空间不销毁, 变量也没有销毁
- 缺点: 因为执行空间不销毁, 会一直存在在内存中
- 可以访问函数内部的私有变量
- 优点: 利用闭包函数可以访问函数内部的私有变量
- 缺点: 执行空间不会销毁, 会一直存在在内存中
- 保护私有变量(只要是函数, 就有这个特点)
- 优点: 保护私有变量不被外界访问
- 缺点: 如果向访问, 必须要利用闭包函数
闭包的函数的缺点致命:因为当一段内存空间中有一个不会被销毁的东西一直存在,那么就会出现内存占用, 如果过多, 就会导致内存溢出,那么结果就是 内存泄漏
- 闭包的作用:
- 延长变量的声明周期
- 访问函数内部的私有变量