Designed by Derf !
69 en ligne   Boutique | Sites | Bar | Forum | PhpBB | Actu | Glossaire | Codes | Tips | Liens | Livres | Lettre  


 Recherche

 NewsLetter






   

JavaScript & la POO (1/8)

Puissance du plus populaire langage de script.





Derf
En ces temps modernes, où le passé n'a de cesse de ressurgir et être remis à la mode, le langage JavaScript fait partie de ces outils que l’on a relégués un temps aux oubliettes du passé et que l'on ressort aujourd’hui, auréolés d’un nouveau prestige. On redécouvre aujourd’hui JavaScript à travers l’objet XMLHttpRequest et autres Frameworks AJAX.
Alors, je vous propose de découvrir un autre aspect plutôt méconnu de ce langage : ses aptitudes à la POO.

Télécharger l'article au format PDF



JavaScript est il un langage de programmation orienté objet ?

Si il fait un usage intensif des objets ca n'en fait pas pour autant un langage de POO, juste un langage basé sur des objets me direz vous ; Je vous l'accorde, et pourtant ...

Quelles sont les principales spécificités des langages de POO ? L'encapsulation, l'héritage et le polymorphisme...

JavaScript, à sa manière, offre toutes ces possibilités.



JavaScript est un langage de script interprété et non compilé. Ce n'est pas un obstacle à la POO, mais de fait, impossible de cacher et protéger l'implémentation d'une classe ou n'importe quel autre code.

Il n'existe pas, non plus, d'instructions spécifiques permettant de définir un bloc de classe, une structure, un module...

Mais rien ne vous empêche de créer vos classes dans des fichiers JS (des fichiers séparées, portant l'extension .js) en faisant précéder le nom des fichiers par le terme « class_ » par exemple.

Alors, comment construire des objets à partir de modèles si rien n'existe pour définir ces modèles ?

Qui a-t-il de plus important, la manière dont est délimité le modèle ou son contenu ?

Son contenu me semble-t-il !

Une classe est constituée, pour l'essentiel, de propriétés et méthodes ainsi que les implémentations subordonnées. Mais aussi, d’un constructeur qui permettra d'instancier des objets formatés par le modèle, donc par la classe.



En JavaScript, un constructeur est une simple fonction chargée d’initialiser un objet quand elle est invoquée par l'opérateur new.

Au sein de la structure de cette fonction, on utilise le mot clé this pour référencer l'objet.

function CType(arg1,arg2)
{
this.property_1 = arg1;
this.property_2 = arg2;
};

var myObject = new CType(value_1,value_2);

Les arguments de la fonction servent à initialiser les propriétés de l’objet ; Objet référencé par le mot clé this.



En JavaScript, il n'est pas possible de créer une fonction « destructeur » pour supprimer un objet.

Mais l'opérateur delete permet de supprimer des propriétés, des variables (sauf celles déclarées avec l'instruction var), des éléments de tableau …

Le mot clé null peut également être utilisé pour supprimer une référence.

obj = new Object();
delete obj;// Supprime obj
obj = null;// Vide obj

// --------------------------------------------------------- //

var obj = new Object();
delete obj;// Ne supprime pas obj
obj = null;// Vide obj




Une méthode est une fonction qui peut être invoquée via l'objet issu de la fonction constructeur.

Ici aussi, le mot clé this référence l'objet qui invoque la méthode.

Dans l'exemple ci-dessous, j'utilise 2 techniques différentes pour définir les méthodes :
La première technique consiste à déclarer la fonction _Compute( ), devant servir de méthode, à l'extérieur de la fonction constructeur. Pour la transformer en méthode, j'attribue le nom de la fonction à une propriété de l'objet (getCompute).
La seconde technique consiste à imbriquer la totalité de la fonction, dans la fonction constructeur. Pour cela, j'affecte une fonction, non nommée, à une propriété de l'objet (toString).

//Méthode
function _Compute()
{
return this.property_1 + this.property_2;
};

// Constructeur
function CType(arg1,arg2)
{
//Initialisation des propriétés de l'objet
this.property_1 = arg1;
this.property_2 = arg2;

//Définition des méthodes de l'objet
this.getCompute = _Compute;
this.toString = function()
{
return (this.property_1 + ' - ' + this.property_2);
};
};

//Nouvelle instance de notre type
var myObject = new CType(value_1,value_2);
var result = myObject.getCompute();
alert(myObject.toString());

Il me semble que l'exemple ci-dessus décrit une structure qui pourrait s'apparenter à une classe (CType()). Certes, il y manque bien quelques assignations de portée (Public, Private ...) mais pour cela, il faudra attendre la prochaine version d'ECMAScript : la 4 probablement.

Les techniques utilisées ici, pour définir les méthodes de la classe CType, présentent un inconvénient : Effectivement, pour définir les fonctions _Compute() et toString en tant que méthode de la « classe d'objets » CType, je les ai attribuées à des propriétés déclarées dans le constructeur; Du coup, pour chaque instance de l'objet, mes méthodes occuperont un certain espace mémoire, et ce, avant même de savoir si l'instance utilisera la ou les méthodes.

C'est là qu'intervient l’objet prototype…

Pour pouvoir écrire dans ce forum, identifiez-vous !

  v1.3p © ASP-PHP.net 2002  

Derf le 12/11/2006 (41 404 hits)
Didier Testez gratuitement la plateforme web de Windows Server 2008 !
Gagnez un voyage aux Etats-Unis pour la MS Project Conference !
Au fil des news  
Adobe - Adobe annonce MAX 2009 !
[MAJ] Dreamweaver MX + Php + MySql - Les formulaires - partie 3
Mise à jour du code, par DB 77, affichage du code erreur, dans la page erreur.php, traduction des ...
PHP - News avec photo - Système de gestion - affichage
Gestion - Administration - Affichage d'une "News", "Actualité", "Info", ... avec : - mise en forme ...
Dreamweaver Php Mysql - Région répétée imbriquée
Je rebondis, sur un post du forum, pour vous montrer comment obtenir grâce à l'extension Simulated ...
Gérer les bases de contenu SharePoint - Gérer la croissance du volume des données
Dans le cadre de la gestion quotidienne de ferme SharePoint, il existe une partie qu'il faut ...
PHP - Le Coach PHP sur Visual Studio
.NET - Ecrire une application .NET utilisant MySQL
PHP - Utilisation de PHP dans le monde Microsoft
Magazines - Le n° 119 de Programmez est disponible
Adobe - Adobe annonce Photoshop Marketplace
[MAJ] Tutoriel AJAX simple - En avant vers le WEB2.0
Mis à jour le 20/04/2009
Captcha «maison» sans extension - Et en plus, c'est gratuit ;)
Un ami m'a demandé de l'aide ce matin pour insérer un captcha dans un formulaire pour son site ...
Dreamweaver CS4 - Photoshop CS4 - Alliance parfaite pour la gestion des images
Pour changer un peu des pages de code, je vous propose de voir ensemble, la fonctionnalité très ...
JavaScript - Calcul automatique d'une facture
Amélioration du Search MOSS: Manipulation XSL - Utilisation du XSL dans l'affichage des résultats
Parmi tous les articles sur l'amélioration du moteur de recherche de Microsoft Office SharePoint ...
Outils - Editeur d'icônes IcoFX
Magazines - Le n°118 de Programmez est disponible
JavaScript - Imprimer une autre page que celle en cours
CSS - div pour imiter frame (Bandeau/Menu FIXES)
[MAJ] [PHP] Un calendrier très complet -
ajout des événements au calendrier
PowerShell - Winforms pour l'aide des commandes GET PowerShell
Adobe - Adobe Photoshop Lightroom 2 est offert ....
Amélioration du Search MOSS: synonyme et Best Bet - La gestion des synonymes dans MOSS Search
Le moteur de recherche de MOSS permet la configuration d'une liste de synonymes. Nous verrons donc ...
AJAX - récup champs formulaires pour POST en AJAX
PowerShell - Un windows Forms pour SharePoint en PowerShell
Sondage associatif (compatibilité) - Qui va bien avec qui ?
Cette fois, c'est un petit sondage que je vous propose. Il pourra bien sûr être adaptée à vos ...
ASP - Hashage MD5 (cryptage irréversible)
Adobe - 80% de réduction sur les versions Adobe Creative
CSharp - Interroger un serveur Whois
CSharp - Equivalent de la fonction PHP htmlentities()
CSharp - Somme de contrôle CRC32
Magazines - Le n°117 de Programmez est disponible
Hebergement - Hébergement ASP et ASP.Net
MOSS - Mon Profil - Personnalisation des profils utilisateurs de MOSS
La gestion des profils utilisateurs de SharePoint fait partie des fonctionnalités de base de ...
Dreamweaver CS3 + Php + Mysql - Le Jeu d'Enregistrements - Les fondamentaux Part-3
La 3ème partie des fondamentaux, traitera essentiellement du jeu d'enregistrements ou Recordset. ...
Mon mini-site @ Home - avec Windows, Free, Wamp & DynDNS
Envie d'héberger votre petit site chez vous, sur votre ordinateur ? de partager des fichiers avec ...
Magazines - Le n°116 de Programmez est disponible
Recevoir ses identifiants par mél - Bien pratique pour les petites têtes
Encore une question posée sur le forum et zou... Le problème est simple : On a oublié ses ...
ASP.NET - code pour le bouton enregistrer
Microsoft - Grand jeu-concours MSDN : l'indice d'ASP-PHP.net !
Tutorial : HTML | Scripting | ASP-PHP | ASP.net | SQL Server | XML
Sharepoint | XAML | Pocket | Dreamweaver | VML | Divers
  Scripts : Scripting | ASP-PHP | ASP.net | Divers
  Boutique | Annuaire | Bannières | Météo | Tribune | Partenariats
v3b © Didier 2003   
 

Corpo Sciences de Reims Partitions gratuites Carte, météo, annonces
 Codes Sources ASP-magazine El Roubio The Inquirer FR Groupes Utilisateurs Microsoft TechNet DotNet Project MVP CodePPC Wygwam