JS基础——函数定义与函数调用内存分析

函数定义

1 在堆里开辟一块内存

2 函数的所有代码当作字符串存储在开辟的这块空间

3 把空间地址赋值给函数名（栈里面）

函数调用 fn()

1 通过函数名找到函数存储空间

2 在调用栈中再次开辟内存空间（函数执行空间）

3 在函数执行空间中进行形参复制、预解析

4 把函数存储空间代码复制一份到函数执行空间中进行依次执行

5 函数体代码全部执行完毕，函数的执行空间释放

/*
    函数定义：
    1 在堆里开辟一块内存
    2 函数的所有代码当做字符串存储在开辟的这块空间
    3 把空间地址赋值给函数名（栈里面）

    函数调用 fn()
    1 通过函数名找到函数存储空间
    2 在调用栈中再次开辟空间（函数执行空间）
    3 在函数执行空间中进行行参复制、预解析
    4 把函数存储空间的代码复制一份到函数执行空间中进行依次执行（依次执行函数体内的语句） 
    5 函数体代码全部执行完毕，函数的执行空间释放
*/
    function fn() {
       var a = 10;
       console.log('hello');
       console.log(++a);
    }
    fn(); // hello  11
    fn(); // hello  11

执行空间不被释放的情况

当函数的返回值是一个引用类型，并且外部还有变量在访问，此时函数执行空间不会被释放

/*
	当函数的返回值是一个引用类型，并且外部还有变量在访问，此时函数执行空间不会被释放
*/
function fn() {
   var a = 10;
   console.log('hello');
   console.log(++a);
   return {};
}
var obj = fn();
var obj1 = fn();
console.log(obj) // {}
console.log(obj === obj1) // false