Gewusst wie: übergeben einer variable per Referenz an einen event-handler in javascript?

Simuliert ich eine Klasse in java-script, Es ist code ist hier: 

function myclass()
{
    this.count ;

    this.init = function(){
        $("div.mybtn").click({n:this},function(e){
            e.data.n.count++;
        });
    }

    this.getCount = function(){
        alert(this.count);
    }
}

Dann erstellte ich eine Instanz dieser Klasse und ausgeführt, es ist Methode init(),Aber wenn ich auf jede div.mybtn element, dauerte Es nicht, erhöht sich der Wert this.count.

Es scheint das Objekt this übergeben wurde der event-handler-by-value, nicht per reference.

Wie kann ich übergeben Sie eine variable, um eine Ereignis-handler-Verweis?

Vielen Dank für jede Hilfe

InformationsquelleAutor frogatto | 2013-07-16
  1. 3

    Javascript nicht haben pass-by-reference-Parameter. Für das, was Sie möchten, sollten Sie verwenden eine closure-variable:

    this.init = function(){
    var self = this;
    $("div.mybtn").click(function(){
        self.count++;
    });
}
    InformationsquelleAutor Barmar
  2. 4

    Kann man nicht Inkrementieren undefined, irgendwo muss man ja anfangen:

    function myclass() {
    this.count=0;   //start counting at zero !!!

    this.init = function(){
        $("div.mybtn").on('click', {n:this},function(e){
            e.data.n.count++;
            e.data.n.getCount();
        });
    }

    this.getCount = function(){
        console.log(this.count);
    }
}

var c = new myclass();

c.init()

    DEMONSTRATION

    • Ich auch getestet, und funktioniert Prima.
    InformationsquelleAutor adeneo
  3. 1

    Schreiben Sie eine bind-Funktion und binden Sie den Zusammenhang mit dem Ereignis-handler.

    Function.prototype.bind = function(){
    var fn = this, args = Array.prototype.slice.call(arguments), object = args.shift();

    return function(){
        fn.apply(object, args.concat(Array.prototype.slice.call(arguments)));
    }
}

function myclass()
{
    this.count ;

    this.clicked = function(){
        this.count++;    
    };

    this.init = function(){
        $("div.mybtn").click(this.clicked.bind(this));
    }

    this.getCount = function(){
        alert(this.count);
    }
}
    InformationsquelleAutor mohkhan
Schreibe einen Kommentar