javascript - typescript 和 Jquery : what is the best practice to call a class into Jquery onclick function?

Question

我不想在每个函数中实例化一个类。如何？ 用 Typescript 语法组织它的最佳实践应该是什么？

$(".container_dettaglio .varianti .variante a").click(function (event) {
    event.preventDefault();
    var pr = new Prodotto($(this).data('variante'));
    pr.cambiaVariante();
});

$(".meno").on('click',function(e){
    e.preventDefault();
    var pr = new Prodotto($(this).data('variante'));
    pr.rimuoviQuantita();
});

$(".piu").on('click',function(e){
    e.preventDefault();
    var pr = new Prodotto($(this).data('variante'));
    pr.aggiungiQuantita();
});

Answer 1

你能做的最好的解决方法(我认为)是重组你的类以返回满足你的愿望的函数。这是我的意思的一个例子:

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')) );
    });

});

因此，通过这种方式，您可以实例化您的类一次。 Check the jsFiddle