闭包 与 js内存管理

参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Memory_Management

           https://blog.csdn.net/weixin_55862315/article/details/124547271

 

 

闭包：

    闭包就是一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。

    在 JavaScript中，每当创建一个函数，闭包就会在函数创建的同时被创建出来，作为函数内部与外部连接起来的一座桥梁。

 

    现代浏览器下，闭包不会成为内存泄漏的直接原因。

 

js内存管理：

- 垃圾回收

  | 引用

    垃圾回收算法主要依赖于引用的概念。在内存管理的环境中，一个对象如果有访问另一个对象的权限（隐式或者显式），叫做一个对象引用另一个对象。

  | 引用计数垃圾收集

    这是最初级的垃圾收集算法。此算法把“对象是否不再需要”简化定义为“对象有没有其他对象引用到它”。如果没有引用指向该对象（零引用），对象将被垃圾回收机制回收。

    限制：循环引用

    该算法有个限制：无法处理循环引用的事例。

  | 标记 - 清除算法

    这个算法把“对象是否不再需要”简化定义为“对象是否可以获得”。

    这个算法假定设置一个叫做根（root）的对象（在 Javascript 里，根是全局对象）。垃圾回收器将定期从根开始，找所有从根开始引用的对象，然后找这些对象引用的对象……从根开始，垃圾回收器将找到所有可以获得的对象和收集所有不能获得的对象。

   

    这个算法比前一个要好，因为“有零引用的对象”总是不可获得的，但是相反却不一定，参考“循环引用”。

    从 2012 年起，所有现代浏览器都使用了标记 - 清除垃圾回收算法。

   

    循环引用不再是问题了。

    在上面的示例中，函数调用返回之后，两个对象从全局对象出发无法获取。因此，他们将会被垃圾回收器回收。第二个示例同样，一旦 div 和其事件处理无法从根获取到，他们将会被垃圾回收器回收。

    限制：那些无法从根对象查询到的对象都将被清除

    尽管这是一个限制，但实践中我们很少会碰到类似的情况，所以开发者不太会去关心垃圾回收机制。

 

(function() {
    // -- 基础数据类型
    {
        function func (val = 0) {
            return {
                decrease() {
                    val--
                },
                increase() {
                    val++
                },
                getVal() {
                    return val
                }
            }
        }
        const props = 0
        const instance1 = func(props)
        const instance2 = func(props)
        console.log(instance1.getVal()) // 0
        console.log(instance2.getVal()) // 0
        console.log(props) // 0

        instance1.increase()
        console.log(instance1.getVal()) // 1
        console.log(instance2.getVal()) // 0
        console.log(props) // 0
    }

    // -- 引用数据类型
    {
        console.log('-- -- --')
        function func (param = { val: 0 }) {
            return {
                decrease() {
                    param.val--
                },
                increase() {
                    param.val++
                },
                getVal() {
                    return param.val
                }
            }
        }
        const props = { val: 0 }
        const instance1 = func(props)
        const instance2 = func(props)
        console.log(instance1.getVal()) // 0
        console.log(instance2.getVal()) // 0
        console.log(props.val) // 0

        instance1.increase()
        console.log(instance1.getVal()) // 1
        console.log(instance2.getVal()) // 1
        console.log(props.val) // 1
    }
}())