vendredi 12 juillet 2013

Orientée Objet avec jQuery, JavaScript

JavaScript est un langage de programmation script qui prend également en charge la programmation orientée objet, par sa nature d'héritage prototypique qui est construit dans la langue.

la plupart des programmeurs dans le monde sont utilisés pour Classical paradigme orienté objet, et quand ils commencent d'abord à faire avec javascript OO ils auront un moment difficile.
Aujourd'hui, ce que nous avons à l'exception de Object Oriented sont "Encapsulation", "Héritage", "polymorphisme", "modularité". Toutes ces fonctionnalités sont prises en charge dans Javscript par héritage prototype.



Commençons :
  1.      Inclure la bibliothèque jQuery dans votre balise de tête (notre code est basé sur jQuery).
  2.      Créer notre classe ou Blueprint
  3.      faire une nouvelle instance de votre objet à travers $. plugin makeclass. 

Comment coder notre classe ou Blueprint
 
le schéma ou la structure de classe est modélisée par un littéral d'objet en javascript.
si l'on considère quelques choses que je vais aller plus en détail ce serait vous aider à comprendre facilement comment cela fonctionne.

  •      Liste de tous les mots clés réservés: "Initialisation", "public", "Privé", "Prolonger", "statique"
  •      Initialiser: en gros une fois que vous créez une nouvelle instance de votre objet, cette méthode est appelée. nous n'avons pas choisi d'utiliser cause de la «constructeur» c'était un mot réservé dans javascript.
  •      Public: toutes les fonctions publiques et les variables dans votre classe va à l'intérieur de cet objet public.
  •      Privé: toutes les fonctions privées et les variables dans votre classe va à l'intérieur de cet objet privé.
  •      Statique: toutes les fonctions statiques et les variables qui accèdent uniquement par le nom de la classe, il va aussi dans l'objet statique
  •      Pour Accéder aux variables privées et fonctions grâce à des fonctions publiques considérer seulement privé comme premier argument dans votre fonction.

Voici un exemple de la façon dont nous mettons en œuvre notre Plan d'action ou de classe.
 


 var Employee = {
 
        Initialize: function( private, name, salary ){
          private.name = name;
          private.salary = salary;
        },
        Private:{
            name: null,
            salary: null
        },
        Public:{
            getSalary: function(private){
                return private.salary;
            },
            getName: function(private){
                return private.name;
            },
            raiseSalary: function(private, byPercent){
                var raise = private.salary * byPercent / 100;
                private.salary += raise;
            }
        }
 
    };
 
voici un exemple de classe qui montre comment vous pouvez accéder à des domaines public et privé et statique
 
var SampleClass = {
        Initialize: function( private ){
 
        },
        Private:{
            getPrivateVar: function(){
                return this.privateVar;
            },
            privateVar: "private var "
        },
        Static:{
            staticVar: "staticVariable"
        },
        Public:{
 
            getPublicVar: function(){
 
                return this.publicVar;
            },
            publicVar: "test Public Var ",
 
            getPrivateFunc: function(private){
                return private.getPrivateVar();
            }
 
        }
 
    }; 


To get jQuery MakeClass Plugin : download 

Aucun commentaire:

Enregistrer un commentaire