Detaillierte Erläuterung der Erweiterungsmethode „extend“ von Jquery

Verwandte Empfehlungen: „jQuery-Tutorial“

Die Erweiterungsmethode „extend“ von Jquery ist eine häufig verwendete Methode, wenn wir Plug-Ins schreiben. Hier lernen wir gemeinsam etwas darüber.

1. Der Prototyp der Jquery-Erweiterungsmethode lautet: 　

extend(dest,src1,src2,src3...);

Es bedeutet, dass src1, src2, src3 ... in dest zusammengeführt werden, und der Rückgabewert ist das zusammengeführte Ziel Zusammengeführt wird die Struktur von dest geändert. Wenn Sie das zusammengeführte Ergebnis erhalten möchten, aber die Struktur von dest nicht ändern möchten, können Sie es wie folgt verwenden:

var newSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参数。

Auf diese Weise können Sie src1, src2, src3 ... zusammenführen und dann das zusammengeführte Ergebnis zurückgeben result zu newSrc. Zum Beispiel:

var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})

Dann bedeutet das zusammengeführte Ergebnis

result={name:"Jerry",age:21,sex:"Boy"}

, dass, wenn der spätere Parameter denselben Namen wie der vorherige Parameter hat, der spätere Parameter den vorherigen Parameterwert überschreibt. 2. Lassen Sie den Parameter „dest“ weg Objekt, das die Extend-Methode aufruft, wie zum Beispiel:

1, $.extend(src)

Diese Methode dient zum Zusammenführen von src mit dem globalen Objekt von jquery, wie zum Beispiel:

$.extend({
  hello:function(){alert('hello');}
  });

Die Hello-Methode wird in das globale Objekt von jquery eingebunden. 2. $.fn.extend(src) Im Folgenden sind einige häufig verwendete Erweiterungsbeispiele aufgeführt:

$.fn.extend({
  hello:function(){alert('hello');}
 });

Dies dient dazu, einen Netto-Namespace im globalen JQuery-Objekt zu erweitern.

$.extend({net:{}});

Dies dient dazu, die Hello-Methode auf den zuvor erweiterten Jquery-Net-Namespace zu erweitern.

3. Die Extend-Methode von Jquery hat auch einen überladenen Prototyp:

$.extend($.net,{
   hello:function(){alert('hello');}
  })

Der erste boolesche Parameter gibt an, ob eine tiefe Kopie durchgeführt werden soll. Was ist eine tiefe Kopie?

extend(boolean,dest,src1,src2,src3...)

Wir können sehen, dass der Unterobjektstandort: {city: „Boston“} in src1 verschachtelt ist und der Unterobjektstandort: {state: „MA“} auch in src2 verschachtelt ist ist wahr, also merge Das Endergebnis ist:

var result=$.extend( true,  {},  
    { name: "John", location: {city: "Boston",county:"USA"} },  
    { last: "Resig", location: {state: "MA",county:"China"} } );

Das heißt, es werden auch die verschachtelten Unterobjekte in src zusammengeführt. Wenn der erste boolesche Parameter falsch ist, sehen wir uns an, was das Ergebnis der Zusammenführung ist folgt:

result={name:"John",last:"Resig",
       location:{city:"Boston",state:"MA",county:"China"}}

Then Das zusammengeführte Ergebnis ist:

var result=$.extend( false, {},  
{ name: "John", location:{city: "Boston",county:"USA"} },  
{ last: "Resig", location: {state: "MA",county:"China"} }  
                    );

Das Obige sind einige Details, die $.extend() häufig in Projekten verwendet.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

Programmierlehre

! !

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Erweiterungsmethode „extend“ von Jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!