Typescript & Jquery: qual è la procedura migliore per chiamare una classe nella funzione onclick di Jquery?

Question

Non voglio istanziare una classe in ogni funzione. Come? Quale dovrebbe essere la migliore pratica per organizzarlo in una sintassi Typescript?

Answer 1

La soluzione migliore (credo) che puoi fare è ristrutturare la tua classe per restituire funzioni che faranno i tuoi desideri. Questo è un esempio di ciò che intendo:

var MyClass = function(){ 
    return { 
     Set: function(a, b, c){ 
      return [a, b, c].toString(); 
     }, 

     Modify: function(a){ 
      return a + ' .)'; 
     } 
    } 
}; 

$(function(){ 
    var mc = new MyClass(); 

    $('.a').on('click', function(){ 
     alert(mc.Modify($(this).data('variant'))); 
    }); 

    $('.b').on('click', function(){ 
     alert(mc.Modify($(this).data('variant'))); 
    }); 

}); 

Quindi, in questo modo si istanzia la classe una volta. Check the jsFiddle