几个闭包内存泄漏的优化方案！

落日映苍穹つ 2022-07-11 04:20 300阅读 0赞

本文通过举例，由浅入深的讲解了解决js函数闭包内存泄露问题的办法，分享给大家供大家参考，具体内容如下：

原代码：

<span style="font-size:14px;">function Cars(){
          
      this.name = "Benz";  
      this.color = ["white","black"];  
    }  
    Cars.prototype.sayColor = function(){
          
      var outer = this;  
      return function(){
          
        return outer.color  
      };  
    };  
    
    var instance = new Cars();  
    console.log(instance.sayColor()())</span>

优化后：

<span style="font-size:14px;">function Cars(){
          
      this.name = "Benz";  
      this.color = ["white","black"];  
    }  
    Cars.prototype.sayColor = function(){
          
      var outerColor = this.color; //保存一个副本到变量中  
      return function(){
          
        return outerColor; //应用这个副本  
      };  
      outColor = null; //释放内存  
    };  
    
    var instance = new Cars();  
    console.log(instance.sayColor()())</span>

举例：

<span style="font-size:14px;">function inheritPrototype(subType,superType){
          
      var prototype = Object(superType.prototype);  
      prototype.constructor = subType;  
      subType.prototype = prototype;  
    }  
    
    function Cars(){
          
      this.name = "Benz";  
      this.color = ["white","black"];  
    }  
    Cars.prototype.sayColor = function(){
          
      var outer = this;  
      return function(){
          
        return outer.color;  
      };  
    };  
    
    function Car(){
          
      Cars.call(this);  
      this.number = [321,32];  
    }  
    inheritPrototype(Car,Cars);  
    Car.prototype.sayNumber = function(){
          
      var outer = this;  
      return function(){
          
        return function(){
          
          return outer.number[outer.number.length - 1];  
        }  
      };  
    };  
    
    var instance = new Car();  
    console.log(instance.sayNumber()()());</span>

首先，该例子组合使用了构造函数模式和原型模式创建Cars 对象，并用了寄生组合式继承模式来创建Car 对象并从Cars 对象获得属性和方法的继承；

其次，建立一个名为instance 的Car 对象的实例；instance 实例包含了sayColor 和sayNumber 两种方法；

最后，两种方法中，前者使用了一个闭包，后者使用了两个闭包，并对其this 进行修改使其能够访问到this.color 和this.number。

这里存在内存泄露问题，优化后的代码如下：

<span style="font-size:14px;">function inheritPrototype(subType,superType){
          
      var prototype = Object(superType.prototype);  
      prototype.constructor = subType;  
      subType.prototype = prototype;  
    }  
    
    function Cars(){
          
      this.name = "Benz";  
      this.color = ["white","black"];  
    }  
    Cars.prototype.sayColor = function(){
          
      var outerColor = this.color; //这里  
      return function(){
          
        return outerColor; //这里  
      };  
      this = null; //这里  
    };  
    
    function Car(){
          
      Cars.call(this);  
      this.number = [321,32];  
    }  
    inheritPrototype(Car,Cars);  
    Car.prototype.sayNumber = function(){
          
      var outerNumber = this.number; //这里  
      return function(){
          
        return function(){
          
          return outerNumber[outerNumber.length - 1]; //这里  
        }  
      };  
      this = null; //这里  
    };  
    
    var instance = new Car();  
    console.log(instance.sayNumber()()());</span>

发表评论取消回复

表情：

评论列表（有 0 条评论，300人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java性能优化：内存泄漏解决方案

内存泄漏是Java程序性能优化中常见的问题。以下是一些解决内存泄漏的方案： 1. **使用垃圾回收机制**：Java的自动垃圾回收系统可以帮助检测和释放不再使用的对象，减少内

绝地灬酷狼/ 2024年12月09日 04:45/ 0 赞/ 41 阅读

相关 Java性能优化：内存泄漏问题解决方案展示

在Java编程中，内存泄漏是一个常见的性能优化问题。以下是一些解决内存泄漏的策略： 1. **理解内存管理****** - Java使用垃圾回收机制来自动管理内存。

系统管理员/ 2024年12月08日 08:12/ 0 赞/ 37 阅读

相关 Java性能优化：内存泄漏问题解决方案

内存泄漏是Java程序性能优化中的重要问题。以下是解决内存泄漏的几个关键步骤： 1. **理解内存泄漏**：首先你需要了解什么是内存泄漏，它是程序在申请内存后，无法释放已申请

水深无声/ 2024年12月06日 02:27/ 0 赞/ 44 阅读

相关优化Java性能：内存泄漏解决方案

在Java编程中，内存泄漏是一个常见的性能问题。以下是一些解决内存泄漏的策略： 1. **理解引用机制**：了解Java中的对象引用机制，包括垃圾回收机制和弱引用、强引用的区

喜欢ヅ旅行/ 2024年11月26日 19:54/ 0 赞/ 66 阅读

相关全面理解Javascript闭包和闭包的几种写法及用途

*1、什么是闭包** 闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点：　...

╰+哭是因爲堅強的太久メ/ 2024年04月18日 15:50/ 0 赞/ 72 阅读

相关性能优化：内存溢出&内存泄漏

查看App内存限制：需要root adb shell cat /system/build.prop dalvik.vm.heapstartsize=6m ap

偏执的太偏执、/ 2024年03月26日 21:00/ 0 赞/ 154 阅读

相关 JS闭包与内存泄露

链式作用域：子对象会一级级地向上寻找所有父对象的变量。所以，父对象的所有变量对子对象都是可见的，反之则不成立。 var n=999; function

一时失言乱红尘/ 2023年08月17日 17:12/ 0 赞/ 138 阅读

相关几个闭包内存泄漏的优化方案！

本文通过举例，由浅入深的讲解了解决js函数闭包内存泄露问题的办法，分享给大家供大家参考，具体内容如下：原代码： <span style="font-size:14

落日映苍穹つ/ 2022年07月11日 04:20/ 0 赞/ 301 阅读

相关 Android----内存溢出、内存优化、内存泄漏

内存溢出（OOM）:内存使用量大于JVM分配内存大小加载对象过大相对资源过多，内存来不及释放发生内存泄漏内存优化: 重写Activ

「爱情、让人受尽委屈。」/ 2022年06月18日 09:12/ 0 赞/ 663 阅读

相关浅谈js中闭包、闭包中的this指向、垃圾回收机制、内存泄漏等问题

友情提示，如果你对作用域、作用域链、函数表达式这些知识掌握的不是很好的话，建议您可以先看看[深入理解js中的作用域以及作用域][js] 1、什么是闭包？关于什么是闭包，官

落日映苍穹つ/ 2022年05月28日 20:09/ 0 赞/ 162 阅读