JavaScript中的内存释放

最新推荐文章于 2024-09-02 15:20:03 发布

远古大猛犸

最新推荐文章于 2024-09-02 15:20:03 发布

阅读量3.7k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/shmnh/article/details/98750878

版权

本文介绍了JavaScript中查找上级作用域的规则，并详细讨论了堆内存和栈内存的释放机制，包括全局作用域、私有作用域的生命周期。重点讲解了函数返回引用类型值和DOM事件绑定如何影响私有作用域的销毁，强调了释放内存的重要性。

摘要由CSDN通过智能技术生成

一、如何查找上级作用域

在 JavaScript中的预解析 ,有讲到作用域链的概念，本次在正式讲JavaScript中的内存释放之前，先看一个问题：如何查找当前作用域的上级作用域。

var num = 20;
function fn() {
    var num = 200;
    return function () {
        console.log(num);
    };
}
var f = fn();
f(); // 输出 200

以上代码fn中返回了一个函数，用f去接收这个返回的函数，然后再执行f()，最后输出的是200，刚接触的同学可能会有疑问，为什么在全局作用域下执行的f()输出的num不是全局作用域中的20，而是fn函数的私有作用域中的200！

上级作用域查找规则：看当前函数是在哪个作用域下定义的，那么它的上级作用域就是谁，和函数哪里执行没有任何的关系。

以上的代码在全局的变量和函数进行预解析之后，执行fn函数，fn函数又进行预解析形成自己的私有作用域，然后执行fn函数中的代码，最后返回一个函数，该函数被f接收。当f执行的时候，有一行代码输出num：console.log(num)，根据作用域搜索规则，首先在自己的作用域中找，没有找到，然后再到上级的作用域中查找，根据作用域查找的规则，只看当前函数在哪个作用域下定义的，