oujood.com

Les objets de Javascript

Un langage de programmation orientée objet (OOP) permet de définir vos propres objets et de faire vos propres types de variable

chercher |

Introduction aux objets de Javascript

JavaScript n'est pas un langage de programmation orienté objet à part entière, comme Java, mais il est conçu sur un modèle simple basé sur les objets. Un objet est une construction avec des propriétés qui contiennent des variables JavaScript ou d'autres objets. Un objet possède également des fonctions qui lui sont associées et qui sont connues sous le nom de méthode de l'objet. Vous pouvez définir votre propre objet en plus des objets JavaScript de base (tels que les tableaux ou les objets mathématiques).

JavaScript étant un langage dynamique, expressif et faiblement typé, vous pouvez accomplir la même tâche de différentes manières. L'objectif de ce tutoriel est de vous fournir un guide pour libérer le potentiel du langage (dans le contexte de la création et de l'utilisation d'objets) et vous aider à comprendre ce qui se passe derrière la scène.

Il ne s'agit pas de prétendre que les méthodes décrites ici sont les seules façons de faire les choses. Au contraire, il serait formidable que cela vous aide à choisir vos propres méthodes.

Un langage de programmation orientée objet (OOP) permet de définir vos propres objets et de faire vos propres types de variable.
Un objet est construit à partir de propriétés, de méthodes et d'événements permettant de travailler sur tous les éléments d'une page HTML.

Création d'objets

Un objet peut être créé avec des accolades {} et une liste facultative de propriétés.
Une propriété est une paire "clé : valeur", où la clé (ou nom de la propriété) est toujours une chaîne de caractères, et la valeur (ou valeur de la propriété) peut être n'importe quel type de données, comme des chaînes de caractères, des nombres, des booléens ou des types de données complexes comme des tableaux, des fonctions et d'autres objets.
En outre, il existe des propriétés dont les valeurs sont des fonctions et qui sont souvent appelées méthodes pour les distinguer des autres propriétés. Un objet JavaScript typique peut ressembler à ceci :

Code

Exemple :       Copier le code

<!doctype html>
<html>

<head>
  <meta charset="UTF-8">
 <title>Création d'objets en JavaScript</title>
</head>
<body>
    <script>
    var person = {
        "name": "Paule",
        "age": 28,
        "gender": "Mâle",
        "afficherN0m": function() {
            alert("C'est paule "+this.name+"il est agé de : "+this.age+" ans");
        }
    };
    
    document.write(person.name + "
"); // Prints: Peter document.write(person.age + " ans
"); // Prints: 28 } }; document.write(person.name + "<br>"); // affiche : Paule document.write(person.age + " ans<br>"); // affiche: 28 ans document.write(person.gender); // afiche: Mâle person.displayName(); console.log(person); </script> <p><strong>Note:</strong> Vérifiez également la console du navigateur en appuyant sur la touche F12 du clavier, puis sur devtools (outils du développeur) et/ou console.</p> </body> </html>

A partir de la version 5 de javascript les noms des propriétés et des méthodes peuvent être écrits sans guillemets mais pour des raisons de compatibilité avec les versions précédentes on continu à les utiliser.

Bouclage des propriétés d'un objet

Vous pouvez aussi manipuler les paires clé-valeur d'un objet à l'aide de la boucle for...in. Cette boucle est spécialement optimisée pour manipuler les propriétés d'un objet. Voici un exemple :

Code

Exemple :       Copier le code

<script>
var person = {
	"name": "Paule",
	"age": 28,
	"gender": "Mâle",
	"displayName": function() {
	alert("C'est paule "+this.name+"il est agé de : "+this.age+" ans");
	}
};
    
    for(var i in person)  {  
        document.write(person[i] + "
"); /* affiche: les propriétés et methode de l'objet person*/ } </script>

Ce que nous venons de voir c’est comment créer des objets utilisateur.
Dans ce qui suit on va voir des objets intégrés à javascript.

Programmation orientée objet

Le Javascript est un langage de programmation orientée objet (OOP).
Cependant, créez vos propres objets sera expliqué plus tard, dans la section avancée de Javascript.
Nous commencerons par regarder les objets intégrés de Javascript, et leur utilisation.
Les objets internes JavaScript commencent par une majuscule : String, Math, Array, Boolean, Date, Number, Function (à ne pas confondre avec le mot-clef function), RegExp, etc. ...
Les prochaines pages expliqueront chaque objet intégré de Javascript en détail.
Notez qu'un objet est juste un genre spécial de données.

Un objet a des propriétés et des méthodes.

Propriétés des objets de Javascript

Les propriétés sont des valeurs liées à un objet.
Les propriétés d'un objet commencent par une minuscule.
Dans l'exemple suivant nous employons la propriété length (longueur) de l'objet chaîne de caractère pour renvoyer le nombre de caractères dans la chaîne :

Exemple :       Copier le code


<html>
<head>
</head>
<body>
<script type="text/javascript">
var txt="Bonjour le monde!";
document.write(txt.length);
</script>
</body>
</html>

Le résultat du code ci-dessus sera : 17

Méthodes des objets de Javascript

Les méthodes sont les actions qui peuvent être effectuées sur des objets.
Les méthodes d'un objet commencent par une minuscule.
Toutes les méthodes internes à JavaScript sont sensibles à la casse.

Dans l'exemple suivant nous employons la méthode toUpperCase() de l'objet de chaîne de caractère pour mettre les lettres du texte en majuscules :

Exemple :       Copier le code

<html>
<head>
</head>
<body>
<script type="text/javascript">
var text="Bonjour le monde!";
document.write(text.toUpperCase());
</script>
</body>
</html>

> Le résultat du code ci-dessus sera :

BONJOUR LE MONDE!




Par carabde 30 mars 2014



Voir aussi nos tutoriel :

MySQL selectionner des données

MySQL selectionner des données

Balise de formulaire form

Définit un formulaire HTML pour la saisie utilisateur

localeconv, localeconv

Lit la configuration locale