Les objets de Javascript

.....

Introduction aux objets de Javascript

JavaScript cours tutorial

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.

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 :

Sélectionner 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 :

Sélectionner 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