Heim  >  Artikel  >  Web-Frontend  >  So verstehen Sie den Konstruktor in jquery

So verstehen Sie den Konstruktor in jquery

清浅
清浅Original
2019-02-19 17:05:392385Durchsuche

jQuery ist eine objektorientierte js-Bibliothek und hat daher auch die Funktion eines Konstruktors. Sie kann einen Konstruktor über die Funktion „prototyp“ und „init()“ bilden, und der von jQuery implementierte Konstruktor muss zum Instanziieren nicht verwendet werden das Objekt

Der Konstruktor in jquery nutzt die Dynamik der Javascript-Sprache vollständig aus. Da es keine strengen Anforderungen an die Art und Anzahl der Zeilenparameter gibt, kann eine Funktion mehrere funktionale Anforderungen erfüllen. Als nächstes werde ich in diesem Artikel den Konstruktor in jQuery ausführlich vorstellen, der einen gewissen Referenzeffekt hat, und ich hoffe, dass er Ihnen hilfreich sein wird.

So verstehen Sie den Konstruktor in jquery

[Empfohlenes Tutorial: jQuery-Tutorial]

jQuery ist eine objektorientierte js-Bibliothek, die auch Konstruktoren enthält. Ein jQuery-Objekt wird jedes Mal instanziiert, wenn eine jQuery-Methode aufgerufen wird, aber die Schreibmethode von jQuery ist cleverer.

Der ECMA-Standard definiert ein Objekt in JS: eine Sammlung ungeordneter Attribute, deren Attribute Grundwerte, Objekte oder Funktionen enthalten können. Es kann einfach verstanden werden, dass ein JS-Objekt eine Menge ungeordneter Werte ist. Entsprechend diesem Namen kann auf den zugeordneten Wert zugegriffen werden 🎜>

Beispiel: Konstruktorfall in JavaScript

<script>
function Student(name, age) {
  this.name = name;
  this.age = age;
}
Student.prototype = {
  constructor : Student,
  demo : function() {
document.write(this.name+"今年"+this.age+"岁");
    }
}
var stu1 = new Student("小明", 20);
stu1.demo();
</script>

Rendering:

So verstehen Sie den Konstruktor in jquery

Sehen wir uns an, wie man den Konstruktor in jQuery schreibt

var jQuery = function(selector, context) {  
  return new jQuery.fn.init(selector, context, rootjQuery);
}
jQuery.fn = jQuery.prototype = {
   init: function (selector, context, rootjQuery) {  
      // ...   }
}
jQuery.fn.init.prototype = jQuery.fn;

Der obige Code ist der Schlüsselcode im jQuery-Konstruktor Das in jQuery Der eigentliche Konstruktor ist die init-Methode. Wenn wir jQuery aufrufen, wird das Ergebnis von new init() anstelle von new jQuery() direkt zurückgegeben. Das heißt, beim Instanziieren eines Objekts ist kein neues jQuery()

jQuery.fn = jQuery.prototype = {...}
jQuery.fn.init.prototype = jQuery.fn;

erforderlich. Die Beschreibungsfunktion ist das Prototypobjekt von jQuery, durch das die Instanziierungsfunktion des Objekts realisiert wird. Schließlich wird das jQuery-Prototypobjekt in das init()-Prototypobjekt kopiert, sodass die init()-Funktion über alle Methoden des Prototyps in jQuery verfügt

So verstehen Sie den Konstruktor in jquery

Zusammenfassung: Das Obige Dies ist der gesamte Inhalt dieses Artikels. Ich hoffe, dieser Artikel kann jedem helfen, den Konstruktor in jQuery zu verstehen.

Das obige ist der detaillierte Inhalt vonSo verstehen Sie den Konstruktor in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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