AnimateCC Canvas Aufruffunktionen

Question

Ich versuche, diesen Code zu ändern, den ich von actionscript 3 bis html5 canvas gemacht habe. Ich bin mit Zweifel über den Aufruf von Funktionen, die ich erstellt, zum Beispiel:

function cleanSelection(){ 
    this.a1.visible = true; 
    this.sa1.visible = false; 

    this.a2.visible = true; 
    this.sa2.visible = false; 
} 

function maxSelection(count){ 
    cleanSelection(); 
    count = 0; 
    return count; 
} 

Ich möchte diese Funktion unten machen in der Lage maxSelection() zu nennen, welche cleanSelection()

this.a1.addEventListener("click", fl_Click.bind(this)); 
function fl_Click() 
{ 
    this.sa1.visible = true; 
    this.a1.visible = false; 
    count++; 
    if(count >= 2){ 
     count = maxSelection(count); 
    } 
} 

nennt Wie kann ich diese Funktionen aufrufen ?

Answer 1

sollten Sie setzen "bind (this)" in allen Methoden:

function cleanSelection(){ 
    this.a1.visible = true; 
    this.sa1.visible = false; 

    this.a2.visible = true; 
    this.sa2.visible = false; 
} 

function maxSelection(c){ 
    cleanSelection.bind(this)(); 
    c= 0; 
    return c; 
} 
var count = 0; 
this.a1.addEventListener("click", fl_Click.bind(this)); 
function fl_Click() { 
    this.sa1.visible = true; 
    this.a1.visible = false; 
    count++; 
    if(count >= 2){ 
    count = maxSelection.bind(this)(count); 
    } 

}