javascript 内存泄露问题

在WEB范围内,javascript的使用已经不是什么希奇的事了。
javascript被大量使用到web上,大家在使用javascript的时候往往很容易忽略一些细节上面的事情。
比如在C#当中,每次在对数据库操作后,大家很自然的会释放掉资源。

/// <summary>
    
/// 执行查询操作
    
/// </summary>
    
/// <param name="strSql"></param>
    
/// <param name="dt">返回数据集</param>
    
/// <returns></returns>

     public  DataTable ExecuteSelectCmmond( string  strSQL, DataTable dt)
    
{
        cn.Open();
        OleDbCommand cm 
= new OleDbCommand();
        cm.CommandText 
= strSQL;
        cm.Connection 
= cn;
        OleDbDataAdapter da 
= new OleDbDataAdapter(cm);
        
try
        
{
            da.Fill(dt);
            
return dt;
        }

        
catch (Exception ex)
        
{
            
throw new Exception(ex.Message);
        }

        
finally
        
{
            cm.Dispose();
            cn.Close();
        }

    }


但是在javascript中是否有注意到这个细节方面?我看应该没有吧。
比如说,大家在使用ajax开发网站的时候,一般的对数据库的操作。表现出来的占用内存都是比较微小的。所以都没去释放,IE一刷新内存又自动释放掉了。
比如说,大家在开发一些js效果,一个类似flash的效果,用js来体现出来,效果是达到了。可是内存占用率越来越大。有的时候IE卡死的现象。
这样就需要对javascript申请的内存进行释放。
下面是javascript中的一个隐藏方法,是用来释放js运行所申请的内存的。

// 释放JS内存
function  g()
{
    CollectGarbage();
//javascript中的隐藏方法
}


下面是测试IE内存泄露,释放内存的典型的DEMO

< html >  
< head >  
< script    language ="javascript" >  
var   arr   =   new   Array(); 
var   currentNum=0
function   c() 

if(arr[currentNum])
document.body.appendChild(arr[currentNum]); 
else
        
var   div   =   document.createElement("DIV"); 
        document.body.appendChild(div); 
        div.innerHTML   
=   ' <input   type="button"   value="从内部删除"   οnclick="f()"/> <div   style="position:absolute;top:110;left:110;width:1000px;height:1000px;-moz-opacity:0.07;filter:alpha(opacity=7);background-color:#000000"> </div> '
        arr.push(div); 
        }
 
        currentNum
++
        abcd.innerText   
=   currentNum; 
}
 

function   f() 

        
for   (var   i=currentNum-1;i> -1;i--
        

                document.body.removeChild(arr[i]); 
        }
 
        currentNum
=0
        abcd.innerText   
=   currentNum; 
}
 

function   g() 

        CollectGarbage(); 
}
 

</ script >  
</ head >  
< body >  

< input    type ="button"    value ="添加"    onclick ="c();"     />  
< input    type ="button"    value ="删除"    onclick ="f();"     />  
< input    onclick ="g()"    type ="button"    value ="释放内存"     />  
< div    id ="abcd" >   </ div >  
典型的   半透明层   内存泄露问题: 
< br    />  
测试:(必须在IE下测试才能发现问题) 
< br    />  
1、依次执行“添加”“删除”“释放内存”,如此反复多次,发现内存可以正常释放。 
< br    />  
2、依次执行“添加”“从内部删除”“释放内存”,如此反复多次,发现内存泄露无限制增长。 
</ body >  
</ html >  

如果大家在大量开发ajax网站的话,可要考虑下内存的问题哦,特别是加了一些JS特效。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值