Introduction aux objets JavaScript

En JavaScript, la plupart des choses sont des objets, des éléments du cœur de JavaScript,  comme les chaines de caractères et les tableaux, aux interfaces de programmation (APIs) des navigateurs construites sur la base de JavaScript .Vous  pouvez même créer vos propres objets pour encapsuler des fonctions liées et des variables au sein de paquets  efficaces, et se comportant comme de pratiques conteneurs de données. Il est important de comprendre la nature orientée objet du JavaScript  si vous souhaitez aller loin dans votre connaissance du langage, aussi, avons-nous fourni ce module afin de vous aider. Ici, nous enseignons la théorie de l’objet et sa syntaxe en détail , ensuite, ce sera à vous de voir comment vous souhaitez créer vos propres objets.     

Prérequis

Avant de commencer ce module, vous devriez avoir quelques familiarités avec le HTML et le CSS. Il serait raisonnable de travailler sur  les modules  Introduction au HTML et  Introduction au CSS avant de commencer avec le JavaScript.

Vous devriez également avoir quelques familiarités avec les bases du JavaScript avant de poursuivre en détails  avec les objets JavaScript. Avant de commencer ce module, travaillez sur Premiers pas avec JavaScript et Les blocs de construction en JavaScript.

Guides

Les bases de l’objet

Dans le premier article concernant les objets  JavaScript , nous verrons la syntaxe fondamentale d’un objet JavaScript ,et nous revisiterons certaines fonctionnalités du JavaScript que nous avions déjà vu plus tôt  dans le cours , réitérant le fait que beaucoup des éléments auxquels vous avez eu affaire sont en fait des objets.

JavaScript orienté objet  pour les débutants

Avec les bases hors du chemin, nous nous focaliserons maintenant  sur le JavaScript orienté objet (JSOO)

— ce article présente une vue basique de la théorie de la programmation orientée objet (POO), et explore ensuite comment le JavaScript émule les classes d’objet via les fonctions (constructrices) dénommées constructor(constructeur) et comment créer des instances d’objet.

Objet prototypes

Les Prototypes sont des mécanismes par lesquels les objets JavaScript héritent les fonctionnalités d’un autre objet et ils fonctionnent différemment  du mécanisme d’héritage dans les langages classiques de  programmation orientée objet. Dans cet article, nous explorons cette différence, expliquant comment les chaines de prototype fonctionnent et jetant un regard sur comment  la propriété prototype peut être utilisée pour rajouter des méthodes  aux constructeurs  existants.

L’héritage en JavaScript

Avec la plupart des redoutables détails du  JSOO maintenant expliqués, cet article montre comment créer les classes (constructeurs) d’objet “filles”  qui héritent des fonctionnalités de leur classes  “parentes”. En addition, nous présentons  certains conseils sur où et comment utiliser le JSOO.

Travailler avec les données JSON

JavaScript Object Notation (JSON) est un format standard pour la representation de données structurées comme les objets JavaScript , qui est communément utiliser pour représenter et transmettre les données sur les sites web( ex : Envoyer certaines données du serveur au client , afin d’être affichées sur une page web).Vous le rencontrerez bien assez souvent.Aussi,dans cet article, nous vous donnons tout ce dont vous avez besoin pour travailler avec le format JSON utilisant le JavaScript ,incluant l’accès aux éléments des données dans un objet JSON et l’écriture de votre propre JSON .

Pratiques sur la construction d’objet

Dans l’article précédent  nous avons fait le tour de l’essentiel de  la théorie de l’objet JavaScript et les détails de sa syntaxe, vous donnant ainsi une solide base sur laquelle débuter. Dans cet article  nous plongeons  dans un exercice pratique, vous donnant plus de pratique dans la construction d’objets JavaScript personnalisés, qui produisent quelque chose d’amusant et de plus coloré— quelques balles colorées et bondissantes.

Evaluations

 

Ajoutez des fonctionnalités  à notre  démo des ballons bondissants

Dans cette évaluation ,  on attend de vous  d’utiliser la démo des bondissantes balles de l’article précédent comme un point de départ et d’y ajouter quelques nouvelles et intéressantes fonctionnalités.