eine Funktion in Javascript (jquery) zerstören

Question

Gibt es jemanden, der weiß, wie man eine Javascript (jquery) Funktion zerstört? Ich benutze jquery "auswählbar" und ein Funktionsaufruf "bearbeiten" wird auf wählbare "Stop" Ereignis ausgelöst.

Innerhalb dieser "Edit" -Funktion habe ich Schaltfunktionen mit vielen "Klick" -Ereignissen verschachtelt und ich habe viele Funktionen innerhalb jedes "Klick" -Ereignisses. Mein Problem ist, jedes Mal fire ich die "auswählbaren" Funktionen und Ereignisse innerhalb der Funktion "bearbeiten" wird erneut ausgelöst, aber die vorherigen Funktionen und Ereignisse bestehen noch. Was ich jetzt mache ist, jedes Ereignis in der Funktion "bearbeiten" auf auswählbare "Start" gerade zu lösen.

Ist dies ein Speicherverlustproblem? und gibt es eine Möglichkeit, Funktionen in Javascript zu "zerstören"? Ich habe versucht, die Funktion auf Null zu deklarieren, wenn die Funktion endet, aber das funktioniert nicht. Funktionen und Ereignisse in ihm existieren noch.

Wer hat eine Ahnung?

Demo-Seite hier -> http://dreamerscorp.com/test/test01/javascript_destory_test.html

bearbeiten 2009.10.31 :) Vielen Dank für Ihre hilft, um Ihre Kommentare zu mir sehr nützlich sind, nochmals vielen Dank !!!

Answer 1

Grundsätzlich müssen Sie um alle Verweise auf diese Funktionen zu entfernen, damit der JavaScript-Garbage Collector sie erfassen kann. Wenn sie gebunden sind, müssen Sie sie lösen. Wenn dort andere Variablen sind, die auf sie zeigen, müssen sie auf Null gesetzt werden.

Es könnte hilfreich sein, wenn Sie einen Code gepostet haben; dann können wir eine bessere Antwort geben.

... EDIT:

Was hier passiert ist, bist du einen Verschluss zu schaffen, der die Funktion enthält, wird überleben:

function edit(){ 
     $('.edit').click(function(){ 
     //... 
     function _edit(boxTitle,selectedItemAmount){ 
      //... 
      $('#box .yes').click(function(){ 
      alert(boxTitle + ' for ' + selectedItemAmount + ' selected item'); 
      $('#msg').hide(); // hide msg box when yes btn is clicked 
      }); 
     } 
     //... 
     $('#box .no').click(function(){ 
      $('#msg').hide(); 
     }); 
     }); 

Mit anderen Worten, in einer Funktion, Sie‘ sagen, "diese Funktion an ein DOM-Objekt anhängen", und Sie tun es inline. JavaScript erfasst Variablen aus äußeren Kontexten und hält sie am Leben, während der Verweis auf den inneren Kontext lebendig ist.

Was Sie tun müssen, ist es, die Funktionen zu definieren irgendwo nicht inline und sie dann verwenden:

function boxClickYes(e) { 
     alert(e.data.boxTitle + ' for ' + e.data.selectedItemAmount + 
     ' selected item'); 
     $('#msg').hide(); // hide msg box when yes btn is clicked 
    } 
    function boxClickNo(e) { 
     $('#msg').hide(); 
    } 
    function edit(){ 
     $('.edit').click(function(){ 
     //... 
     function _edit(boxTitle,selectedItemAmount){ 
      //... 
      $('#box .yes').bind("click", {boxTitle: boxTitle, 
      selectedItemAmount: selectedItemAmount}, boxClickYes); 
     } 
     //... 
     $('#box .no').click(boxClickNo); 
     }); 

Dies zeigt auch, wie die Dateneigenschaft zu verwenden, in jQuery Klick-Handler zwischen der Zeit, um Daten zu speichern in Sie Fügen Sie den Handler und die Zeit, in der Sie ihn verwenden, an (anstatt diese Daten in einem Closure zu speichern, der die Umfangskette im Speicher hält). Inline-definierte Funktionen zu verwenden ist in Ordnung, wenn Sie es gerade dort verwenden (wie zum Beispiel der Körper einer $.each), aber es ist nicht OK, wenn Sie Event-Handler anhängen.

Answer 2

Sie können versuchen, die Funktion zunichte zu machen, oder sie überschreiben eine anonyme Funktion zuweisen, die nichts tut:

myFunction = null; 
// or 
myFunction = function() {}; 

Sie es auch tun können, selbst in der Funktion:

var autoDestroy = function() { 
    autoDestroy = null; 
    //... 
    return 1; 
}; 

autoDestroy(); // returns 1 
autoDestroy(); // TypeError: autoDestroy is not a function 

Answer 3

Um eine Funktion in Javascript "zu zerstören", stellen Sie einfach sicher, dass die Funktion nicht erreichbar ist. Dies ermöglicht, dass die Funktion für eine Wiederherstellung infrage kommt. Eine Sache, auf die man achten sollte, ist, dass Javascript-Variablen basierend auf Bereichen gebunden sind (nicht als einzelne Variablen) und ein Bereich mit vielen nicht verwendeten Objekten bestehen kann, wenn eine Bindung an den Bereich beibehalten wird:, um weitere Hilfe bereitzustellen Kenntnis des spezifischen Codes und seiner Verwendung.

Bitte beachten Sie den JavaScript-Löschoperator als eine Möglichkeit, eine Variable oder ein Objektelement zu entfernen. Wenn Sie den Wert auf null/undefined/other-object setzen, wird die Methode des Erreichens des Objekts, auf das zuvor verwiesen wurde, entfernt (obwohl es möglicherweise noch erreichbar ist und daher nicht zurückgewonnen werden kann), aber die Variable/member wird nicht gelöscht.

delete variable 
delete obj.member 
delete obj[member] 

Answer 4

Veranstaltungen in jquery Verwendung unbind Funktion unbind http://docs.jquery.com/Events/unbind

$("something").click(function() { 
    $("anotherOne").click(function() { 
     .... 
    }); 
}); 

in diesem Beispiel wird jedes Mal "etwas" angeklickt wird, wird ein Event-Handler "AnotherOne" hinzugefügt, wenn Sie also drei klicken Mal, Sie erhalten drei Event-Handler.

$("something").click(function() { 
    $("anotherOne").unbind('click').click(function() { 
     .... 
    }); 
}); 

Hier haben Sie garantiert nur einen Klick-Handler auf "anotherOne".

Es ist nicht notwendig, vorherige Handler explizit zu zerstören.