JS -- 闭包作用域

276 阅读3分钟
  1. 创建函数
  • 开辟一个堆内存
  • 把函数体中的代码当作字符串存储进去
  • 把堆内存的地址值赋值给函数名/变量名
  • 函数在哪儿创建,那么它执行时所需查找的上级作用域就是谁
  1. 函数执行
  • 形成一个全新的私有作用域、执行上下文、私有栈内存(执行一次形成一个,多个之间也不会产生影响)
  • 形参赋值 & 变量提升 & 词法解析
  • 代码执行(把所属堆内存中的代码字符串拿出来一行行执行)
  • 遇到一个变量,首先看它是否为私有变量(形参和在私有作用域中声明的变量是私有变量),是私有变量的就操作自己的变量即可,不是私有的则向上级作用域中查找...一直找到全局作用域为止 => 作用域链查找机制
  • 私有变量和外界的变量没有必然关系,可以理解为被私有栈内存保护起来了,这种机制其实就是闭包的保护机制
  1. 关于堆栈内存释放问题

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

  • 堆内存释放问题:创建一个引用类型值,就会产生一个堆内存。

如果当前创建的堆内存不被其他东西所占用了(浏览器会在空闲的时候,查找每一个内存的引用状况,不被占用的都会给回收释放掉)

let obj = {
    name: 'jack'
} //形成一个堆内存AF0
obj = null //obj不再指向AF0,AF0会被回收释放
  • 栈内存释放
    • 打开浏览器形成的全局作用域是栈内存
    • 手动执行函数形成的私有作用域是栈内存
    • 基于ES6中的let/const形成的块作用域也是栈内存

全局栈内存:关掉页面的时候才会销毁

function fn(){}
fn() //函数执行形成栈内存,执行完成内存销毁

私有栈内存:

  1. 一般情况下,函数只要执行完成,形成的私有栈内存就会被销毁释放掉(排除死递归的模式)

  2. 但是一旦栈内存中的某个东西(一般都是堆地址)被私有作用域以外的事物给占用了,则当前私有栈内存不能立即被释放销毁(特点:私有作用域中的私有变量等信息也保留下来了)=> 市面上认为的闭包:函数执行形成不能被释放的私有栈内存,这样的才是闭包

funciton X(){
    return function(){}
}
let f = X() //f占用的X执行形成的栈内存中的一个东西(返回小函数对应的堆),则X执行形成的栈内存不能被释放了
var i = 5
function fn(i) {
  return function (n) {
    console.log(n + (++i))
  }
}
var f = fn(1)
f(2) //4
fn(3)(4) //8
fn(5)(6) //12
f(7) //10
console.log(i) //5
var i = 20
function fn() {
  i -= 2
  return function (n) {
    console.log((++i) - n)
  }
}
var f = fn()
f(1) //18
f(2) //18
fn()(3) //16
fn()(4) //14
f(5) //14
console.log(i) //19
function fun(n, o) {
  console.log(o)  //打印顺序为 :  undefined, 0, 1, 1
  return {
    fun: function (m) {
      return fun(m, n)
    }
  }
}
var c = fun(0).fun(1)
c.fun(2)
c.fun(3)