jQuerys $.proxy()-Anwendungsbeispiel Introduction_jquery

Heute habe ich die Verwendung von Proxy() gesehen, als ich mir <> angesehen habe. Es fühlte sich sehr vage an, also habe ich überall nach Informationen gesucht Den Quellcode von jQuery verstehe ich auch nicht

Aber ich verstehe endlich die Verwendung von Proxy



Kopieren Sie den Code

Der Code lautet wie folgt:

Code kopieren

Der Code lautet wie folgt: var obj = { name: „Ich bin der Name von obj“, sayName: function () {

alert(this.name);

}
$(“ #guoBtn").click(obj.sayName); //Ich bin der Name der Schaltfläche
// Was ist, wenn ich auf den Namen von obj zugreifen möchte?
$("#guoBtn").click($. Proxy(obj.sayName,obj));//"Ich bin der Name von Obj"
$("#guoBtn").click($.proxy(obj, "sayName")); //"Ich bin der Name von Obj "


Aus dem obigen Proxy(a,b) ist ersichtlich, dass es zwei Möglichkeiten gibt, seine Parameter zu schreiben.

Der erste Weg: a ist eine Funktion und b ist der Objektbesitzer dieser Funktion.

Der zweite Weg: a ist ein Objekt, b ist ein String und ist der Attributname von a.

Und dieses Beispiel ist ein Beispiel für < >




Code kopieren

Der Code lautet wie folgt: < ;div id="panel" style="display:none;"> 🎜>Code kopieren

Der Code lautet wie folgt:


$("#panel").fadeIn(function () {
$("#panel button").click(function () {

$( this).fadeOut();
}); 🎜>Obwohl die Schaltfläche verschwindet, verschwindet das Panel nicht. Sie können den Proxy verwenden, um dieses Problem zu lösen.

Code kopieren

lautet wie folgt:

$("#panel").fadeIn(function ( ) {
var obj = this;
$("#panel button").click($ .proxy(function () {
$(this).fadeOut();
}, obj ));

Das Panel verschwindet erst nach dem Klicken Die Schaltfläche.

Ich persönlich bin der Meinung, dass der Proxy hauptsächlich zum Ändern des Kontextobjekts verwendet wird, wenn die Funktion auf Basis von apply gekapselt wird anwenden.