Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der Erweiterungsmethode „extend' von Jquery

青灯夜游
Freigeben: 2020-11-24 18:06:11
nach vorne
3448 Leute haben es durchsucht

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...);
Nach dem Login kopieren

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参数。
Nach dem Login kopieren

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"})
Nach dem Login kopieren

Dann bedeutet das zusammengeführte Ergebnis

result={name:"Jerry",age:21,sex:"Boy"}
Nach dem Login kopieren

, 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');}
  });
Nach dem Login kopieren
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');}
 });
Nach dem Login kopieren

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

$.extend({net:{}});
Nach dem Login kopieren
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');}
  })
Nach dem Login kopieren

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...)
Nach dem Login kopieren
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"} } );
Nach dem Login kopieren

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"}}
Nach dem Login kopieren

Then Das zusammengeführte Ergebnis ist:

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

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!

Verwandte Etiketten:
Quelle:cnblogs.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!