jquery-logo
Quand on travaille avec du Javascript et plus particulièrement avec des frameworks comme jQuery, on a besoin de savoir créer des classes.

Le principal intérêt est de manipuler des données qui ne sont pas des éléments HTML. Par exemple, prenons une application entièrement en Javascript, on a besoin d’avoir les informations d’un utilisateur sous la main. Mais cet utilisateur peut être aussi un administrateur. Cet utilisateur n’étant pas un élément HTML nous avons besoin de créer un objet.

Pour faire cela, nous avons besoin d’un plugin jQuery qui va gérer l’héritage. jQuery inheritance remplit parfaitement ce rôle.

Un fois inclut dans votre page, il va falloir créer deux choses :

  • Un objet utilisateur
  • Un objet administrateur qui étends de l’objet utilisateur.
var User = $.inherit({
  __constructor : function(name){
    this.name = name;
  },

  role: function(){
    return "utilisateur";
  },

  info: function(){
    alert(this.name + "est un " + this.role());
  }
});

var Admin = $.inherit(User, {
  role : function(){
    return "administrateur";
  }
});

var utilisateur = new User("John");
var administrateur = new Admin("Smith");

utilisateur.info(); // John est un utilisateur
administrateur.info(); // Smith est un administrateur

Pas mal non ? Si vous êtes familiarisé avec la POO en PHP, vous allez trouver ça simple et très pratique !
Si vous avez une autre méthode pour créer vos classes avec jQuery, n’hésitez pas à me montrer dans les commentaire de cet article !