Maison  >  Article  >  interface Web  >  Comment comprendre le constructeur en jquery

Comment comprendre le constructeur en jquery

清浅
清浅original
2019-02-19 17:05:392426parcourir

jQuery est une bibliothèque js orientée objet, elle a donc également la fonction d'un constructeur. Elle peut former un constructeur via la fonction prototype et init(), et le constructeur implémenté par jQuery n'a pas besoin d'utiliser new pour instancier. l'objet

Le constructeur en jquery utilise pleinement la dynamique du langage javascript. Puisqu'il n'y a pas d'exigences strictes concernant le type et le nombre de paramètres de ligne, une fonction peut répondre à plusieurs exigences fonctionnelles. Ensuite, dans l'article, je présenterai en détail le constructeur de jQuery, qui a un certain effet de référence et j'espère qu'il vous sera utile.

Comment comprendre le constructeur en jquery

[Tutoriel recommandé : Tutoriel jQuery]

jQuery est une bibliothèque js orientée objet qui contient également des constructeurs. Un objet jQuery est instancié à chaque fois qu'une méthode jQuery est appelée, mais la méthode d'écriture de jQuery est plus intelligente.

Le standard ECMA définit un objet en JS : une collection d'attributs non ordonnés, dont les attributs peuvent contenir des valeurs de base, des objets ou des fonctions. On peut comprendre simplement qu'un objet JS est un ensemble de valeurs non ordonnées. Chaque attribut ou méthode a un nom. Selon ce nom, la valeur mappée est accessible. Cette valeur peut être une valeur de base, un objet ou une méthode. 🎜>

Exemple : Cas constructeur en 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>

Rendu :

Comment comprendre le constructeur en jquery

Voyons comment écrire le constructeur dans jQuery

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;
Le code ci-dessus est le code clé du constructeur jQuery, vous pouvez voir Le vrai constructeur dans jQuery est la méthode init Lorsque nous appelons jQuery, le résultat de new init() sera renvoyé directement à la place de new jQuery(). Autrement dit, il n'est pas nécessaire d'utiliser new jQuery() lors de l'instanciation d'un objet.

jQuery.fn = jQuery.prototype = {...}
jQuery.fn.init.prototype = jQuery.fn;
indique que la fonction est l'objet prototype de jQuery, à travers lequel la fonction d'instanciation de l'objet est réalisée. Enfin, l'objet prototype jQuery est copié dans l'objet prototype init(), donc la fonction init() a toutes les méthodes du prototype dans jQuery

Comment comprendre le constructeur en jquery

Résumé : ce qui précède est-ce C'est tout le contenu de cet article. J'espère que cet article pourra aider tout le monde à comprendre le constructeur dans jQuery.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn