闭包作用域的理解

78 阅读3分钟

创建函数

1、创建函数

  • 开辟一个堆内存
  • 把函数体中的代码当做字符串存储进去
  • 把堆内存的地址赋值给函数名/变量名
  • 函数在哪创建,那么它执行时候所需要查找的上级作用域就是谁

2、执行函数

  • 形成一个全新的私有作用域、执行上下文、私有栈内存(执行一次形成一个,多个之间也不会产生影响)
  • 形参赋值&变量提升
  • 代码执行(把所属堆内存中的代码字符串拿出来一行行执行)
  • 遇到一个变量,首先看它是否为私有变量(形参和在私有作用域中声明的变量是私有变量),是私有的就操作自己的变量即可,不是私有的则向上级作用域中查找...一直找到全局作用域为止=>作用域链查找机制
  • 私有变量和外界的变量没有必然关系,可以理解为被私有栈内存保护起来了,这种机制其实就是闭包的保护机制

3、关于堆栈内存释放问题

函数执行就会形成栈内存(从内存中分配的一块空间),如果内存都不销毁释放,很容易就会导致栈内存溢出(内存爆满,电脑就卡死了),堆栈内存的释放问题是学习JS的核心知识之一

  • 堆内存释放
//=>创建一个引用类型值,就会产生一个堆内存
//如果当前创建的堆内存不被其它东西所占用了(浏览器会在空闲的时候,查找每一个内存的引用状况,不被占用的都会给回收释放掉),则会释放
let obj = {
  name:'zhf'
}
let oop = obj
//此时obj和oop都占用着对象的堆内存,想要释放堆内存,需要手动解除变量和值的关联(nu11:空对象指针)
obj = null;
oop = null;
  • 栈内存释放
// =>打开浏览器形成的全局作用域是栈内存
// =>手动执行函数形成的私有作用域是栈内存
// =>基于ES6中的let/const形成的块作用域也是栈内存
// =>....
// 全局栈内存: 关掉页面的时候才会销毁
// 刷新页面:相当于是把页面关闭,重新打开渲染
// 私有栈内存:
// 1、一般情况下,函数只要执行完成,形成的私有栈内存就会被销毁释放掉(排除出现无限极递归、出现死循环的模式)
function fn() {
  // ...
}
fn() //=>函数执行形成栈内存,执行完成栈内存销毁// 2、但是一旦栈内存中的某个东西(一般都是堆地址)被私有作用域以外的事物给占用了,则当前私有栈内存不能立即被释放销毁(特点:私有作用域中的私有变量等信息也保留下来了) =>市面上认为的闭包:函数执行形成不能被释放的私有栈内存,这样的才是闭包
function fn() {
  return function() {
    //...
  }
}
let f = fn(); // => f占用了fn执行形成的栈内存中的一个东西(返回小函数对应的堆),则fn执行形成的栈内存不能被释放了
var i = 5
function fn(i) {
  return function (n) {
    console.log(n + (++i));
    console.log('i----', i);
    console.log('n----', n);
  }
}
let f = fn(1) // f 关联的是fu函数的返回值  也是一个函数
f(2)  // => 4   执行结束 此时 i=>2  n=>2
fn(3)(4)  // 执行fn函数后再执行fn函数返回值(返回值也是一个函数)  n + (++i) => 4+(++3) => 8
f(7) // 在之前f(2) 执行的时候,值已被改变 i=>2 所以  n + (++i) => 7+(++2)  => 10
console.log(i);  // 5 全局作用域// 总结:每执行函数一次,就会单独开辟堆内存空间,直至执行完销毁

闭包的两大作用

1、保护(私有变量和外界没有必然联系) 2、保存(形成不销毁的栈内存,里面的私有变量等信息保存下来了)