OOP og events

Hvad med:

elementet.onclick=function(){
funcName('',''...)
}

<ole>

DOM-events i OOP-kode er en ret kompliceret affære. Hvis man skal undgå memory leaks i IE, skal man være virkelig stærk i IE's særheder og analyse af komplekse reference sammenhænge i DOM/OOP.

I princippet kan du:

function MyObj(digit) {
    var div = document.createElement("div");
    var me = this;
    var sClickVar_1 = "En variabel";
    var sClickVar_2 = "En anden variabel";
    div.id = "Div"+digit;
    div.appendChild( document.createTextNode(digit) );
    dateCell.appendChild(div);
    if (div.attachEvent) div.attachEvent("onclick", function(){ me.myMethod(div, sClickVar_1, sClickVar_2) });
    else if (div.addEventListener) div.addEventListener("click", function(){ me.myMethod(div, sClickVar_1, sClickVar_2) });
    else div.onclick = function(){ me.myMethod(div, sClickVar_1, sClickVar_2) };
    return this;
}
MyObj.prototype.myMethod = function(oDiv, sVar_1, sVar_2) {
    alert("Divets ID: " + oDiv.getAttribute("id"));
    alert("Første variabel: " + sVar_1);
    alert("Anden variabel: " + sVar_2);
}

var oObj = dateCell = null;
window.onload = function() {
    dateCell = document.getElementById("dateCell");
    oObj = new MyObj(1);
}

- men ... i teorien er der ikke forskel på teori og praksis. I praksis er det noget helt andet! Der er masser af faldgruber i DOM/OOP!

Husk dog altid at vente med at sætte event handlers, til elementet er indsat i dokumentet. Ellers opretter IE et lokalt script scope i hukommelsen. Når elementet indsættes i dokumentet, oprettes et scope i forhold til dokumentet - men det gamle fjernes ikke fra hukommelsen. Det resulterer i memory leaks, som kan bygge voldomt op over tid (gentagne handlinger).

Metoden, jeg viser ovenfor vil oprette en cirkulær DOM-reference, som også kan resultere i memory leaks - men at kode sig udenom, er lidt af en kunst. Her er erfaring og Windows Task Manager vigtige værktøjer  :)

/mvh
</bole>

Åh... så meget for at lige bikse en kalender sammen... Jeg har fundet lidt forskelligt omkring mem. leaks som jeg lige skal have sat mig ind i, så jeg lader spørgsmålet stå åben et par dage, jeg er sikker på der kommer nogen spørgsmål i den forbindelse...

En god webkode er cirka ligeså let at bikse sammen som en god sportsvogn. Webkode er et fag  ;o)

He ja... men "ham her har kun programmeret 1/4 af den tid du har, hvorfor kan han blive hurtigere færdig end du kan?" ;)

Jeg har kigget en del rundt og har fundet flg:
http://joshdavis.wordpress.com/2007/04/23/more-javascript-event-listener-memory-leak-prevention/
http://www.outofhanwell.com/ieleak/index.php?title=Main_Page

hvis nogen skulle være interesseret. Jeg må indrømme jeg overhovet ikke havde tænkt over mem. leaks i forbindelse med JS før, så tak for påpegelsen... (på den anden side, var verdenen lige lidt nemmere hvis du ikke havde nævnt det ;))
Ligger i et svar?

Okidoke!

=)

Ole har ikke givet et svar endnu, så han må gå glip af hele 15 point (gisp!)  ;)
Ihvertfald mange tak for hjælpen

Tak for point! :)