Jak korzystać z metod konstruktora JavaScript w instrukcji jQuery?

Question

Nie mogę dowiedzieć się, jak użyć metody konstruktora JavaScript w metodzie jQuery .click. Próbuję uzyskać funkcję przycisku, aby zmieniać się dynamicznie w zależności od konstruktora. Oto konfiguracja:

musi wywołać metodę, która zmienia się w zależności od innego przycisku. Poniżej mój złamany kod.

function GloveMode (name , array) { 

     this.colorArray = array; 

     this.displaySettings = function(){ 

      //Title 
      $("#displayTitle").text(this.name); 
      //Display Color Set 
      $("#displayColors").empty(); 


      //Totally Broken 
      $("#upArrow").click(function(){ 

       addColor(); 

      }); 

     }; 

     this.addColor = function(){ 

      console.log(this.colorArray.length); 

     }; 
    }; 

nie mogę dowiedzieć się, jak dostać $ („#”) UpArrow kliknij() zadzwonić this.colorArray prawidłowo, lub jak nazywają this.addColor() w metodzie .click()! Proszę pomóż.

Answer 1

Twój problem polega na tym, że "to" oznacza coś innego w każdym ciele funkcji. Więc zapisz pożądane "to" do zmiennej, np. "self" i użyj tego.

function GloveMode (name , array) 
{ 
    var self = this; 
    this.colorArray = array; 
    this.displaySettings = function() 
    { 
     //Title 
     $("#displayTitle").text(this.name); 
     //Display Color Set 

     $("#displayColors").empty(); 

     //Totally Broken 
     $("#upArrow").click(function() 
     { 
     self.addColor(); 
     }); 

    }; 

    this.addColor = function() 
    { 
     console.log(self.colorArray.length); 
    }; 
};