Designed by Maunakea !
80 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 (52 014 hits)
Didier Téléchargez gratuitement et légalement des logiciels Microsoft ! Si, si ;)
  • Visual Studio 2010
  • Office 2010
  • Expression Studio 3
  • SQL Server 2008
  • et d'autres...
Au fil des news  
Magazines - Le N°128 de Programmez est disponible
Magazines - Le N°127 de Programmez est disponible
Dreamweaver CS4 + Php + Mysql - Trucs et Astuces - Part 6
Pour continuer dans le même style, je vous propose une suite au précédent article. Rechercher tous ...
Adobe - Adobe Photoshop.com Mobile pour iPhone 1.1
JavaScript - Ajouter une page dans vos favorites
Dreamweaver CS4 + Php + Mysql - Trucs et Astuces - Part 5 -
Je vous propose cette fois deux astuces. Comment exporter une feuille de style avec l'aide de ...
SharePoint Personalization Site Links - Les liens personnalisés des MySite SharePoint
Nous avons vu dans les articles précédents comment agrémenter les pages de recherche afin de ...
Magazines - Le n°126 de Programmez est disponible
Outils - Traducteur en ligne automatique pour site web
Adobe - Adobe Photoshop.com Mobile pour Iphone
Magazines - Le n°125 de Programmez est disponible
Adobe - Adobe AIR 2 et Flash Player 10.1version bêta
Les conférences autour des technologies Microsoft - Liste non exhaustive des grands évènements
Nous allons essayer de regrouper un grand nombre des évènements autour des technologies Microsoft ...
Magazines - Le n°124 de Programmez est disponible
PHP - Forum PHP 2009
Composants - eFace - XAML en Java
WPF - Désactiver le bouton de réduction d'une fenêtre
Magazines - Le n°123 de Programmez est disponible
Magazines - Le n°122 de Programmez est disponible
Auditer une ferme SharePoint - Assurer le bon fonctionnement de SharePoint
Dans le cadre de la bonne gestion de son environnement SharePoint, il est utile de faire un ...
SQL Server 2008 Report Builder 2.0 - Installation et utilisation de Report Builder 2.0
Dans le cadre de la création de rapports pour SQL Server Reporting Services 2008, un outil est ...
Magazines - Le HS N° 1 de Web Design est disponible
Adobe - Adobe propose en Open Source les frameworks.....
Outils - EntityBuilder
CSharp - Sérialisation XML de vos objets
Magazines - Le n°121 de Programmez est disponible
Adobe - Adobe annonce MAX 2009 !
Outils - WhoIs
[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 ...
Outils - Crypt
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 ...
Magazines - Le n° 120 de Programmez est disponible
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
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
 MVP Groupes Utilisateurs Microsoft TechNet ASP-magazine DotNet Project