성능과 튜닝 잘못된 종속관계 해지에 따른 메모리 누수 예제

황제낙엽 2009.04.03 13:29 조회 수 : 408 추천:118

sitelink1  
sitelink2  
sitelink3  
sitelink4  
extra_vars4  
extra_vars5  
extra_vars6  

<html>  
    <head>  
        <script language="JScript">  
  
        function LeakMemory()   
        {   
            var hostElement = document.getElementById("hostElement");    
  
            // Do it a lot, look at Task Manager for memory response   
  
            for(i = 0; i < 5000; i++)   
            {   
                var parentDiv =    
                    document.createElement("<div onClick='foo()'>");   
                var childDiv =    
                    document.createElement("<div onClick='foo()'>");   
  
                // This will leak a temporary object   
                parentDiv.appendChild(childDiv);   
                hostElement.appendChild(parentDiv);    
                hostElement.removeChild(parentDiv);   
                parentDiv.removeChild(childDiv);                   
                parentDiv = null;   
                childDiv = null;   
            }   
            hostElement = null;   
        }   
    
  
        function CleanMemory()   
        {   
            var hostElement = document.getElementById("hostElement");    
  
            // Do it a lot, look at Task Manager for memory response   
  
            for(i = 0; i < 5000; i++)   
            {   
                var parentDiv =    
                    document.createElement("<div onClick='foo()'>");   
                var childDiv =    
                    document.createElement("<div onClick='foo()'>");    
  
                // Changing the order is important, this won't leak               
                hostElement.appendChild(parentDiv);   
                parentDiv.appendChild(childDiv);    
                hostElement.removeChild(parentDiv);   
                parentDiv.removeChild(childDiv);                   
                parentDiv = null;   
                childDiv = null;   
            }   
            hostElement = null;   
        }   
        </script>  
    </head>  
  
    <body>  
        <button onclick="LeakMemory()">Memory Leaking Insert</button>  
        <button onclick="CleanMemory()">Clean Insert</button>  
        <div id="hostElement"></div>  
    </body>  
</html>  
이 게시물을
목록
쓰기 태그