- 创建函数
- 开辟一个堆内存
- 把函数体中的代码当作字符串存储进去
- 把堆内存的地址值赋值给函数名/变量名
- 函数在哪儿创建,那么它执行时所需查找的上级作用域就是谁
- 函数执行
- 形成一个全新的私有作用域、执行上下文、私有栈内存(执行一次形成一个,多个之间也不会产生影响)
- 形参赋值 & 变量提升 & 词法解析
- 代码执行(把所属堆内存中的代码字符串拿出来一行行执行)
- 遇到一个变量,首先看它是否为私有变量(形参和在私有作用域中声明的变量是私有变量),是私有变量的就操作自己的变量即可,不是私有的则向上级作用域中查找...一直找到全局作用域为止 => 作用域链查找机制
- 私有变量和外界的变量没有必然关系,可以理解为被私有栈内存保护起来了,这种机制其实就是闭包的保护机制
- 关于堆栈内存释放问题
函数执行就会形成栈内存(从内存中分配一块空间),如果内存都不销毁释放,很容易就会导致栈内存溢出(内存爆满,电脑就卡死了),堆栈内存的释放问题是学习JS的核心知识之一
- 堆内存释放问题:创建一个引用类型值,就会产生一个堆内存。
如果当前创建的堆内存不被其他东西所占用了(浏览器会在空闲的时候,查找每一个内存的引用状况,不被占用的都会给回收释放掉)
let obj = {
name: 'jack'
} //形成一个堆内存AF0
obj = null //obj不再指向AF0,AF0会被回收释放
- 栈内存释放
- 打开浏览器形成的全局作用域是栈内存
- 手动执行函数形成的私有作用域是栈内存
- 基于ES6中的let/const形成的块作用域也是栈内存
全局栈内存:关掉页面的时候才会销毁
function fn(){}
fn() //函数执行形成栈内存,执行完成内存销毁
私有栈内存:
一般情况下,函数只要执行完成,形成的私有栈内存就会被销毁释放掉(排除死递归的模式)
但是一旦栈内存中的某个东西(一般都是堆地址)被私有作用域以外的事物给占用了,则当前私有栈内存不能立即被释放销毁(特点:私有作用域中的私有变量等信息也保留下来了)=> 市面上认为的闭包:函数执行形成不能被释放的私有栈内存,这样的才是闭包
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)