js内存泄漏

最新推荐文章于 2024-09-01 17:40:33 发布

weixin_30735745

最新推荐文章于 2024-09-01 17:40:33 发布

阅读量40

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chaofei/p/7800449.html

本文通过具体示例讲解了JavaScript中常见的内存泄漏问题，包括全局变量、闭包、未清除的定时器及未清理的DOM引用等，并提供了相应的解决办法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
      //1.全局变量引起的内存泄漏
        function show(){
          name='fei';//name是全局变量，不会被回收
        }
        //解决方法：加上use strict使用严格模式，会阻止创建的全局变量

    //2.闭包引起的内存泄漏
         function show(){
           let aBtn=document.getElementsByTagName('input');
           aBtn.onclick=function(){//闭包
             //代码
           }
         }
        //闭包会保存函数中的局部变量，不能释放。
        //解决方法：将事件处理函数定义在外部，或删除dom的引用
        //1.将事件处理函数定义在外部
          function handler(){
            //代码
          }
          function show(){
            let aBtn=document.getElementsByTagName('input');
            aBtn.onclick=handler;
          }
        //2.删除dom的引用
        function show(){
          let aBtn=document.getElementsByTagName('input');
          aBtn.onclick=function(){
            //代码
          }
          aBtn=null;
        }
    //3.定时器没有被清除
    //4.没有清理dom元素的引用
    </script>
  </head>
  <body>

  </body>
</html>