Apprendre Javascript pour rendre vos pages Web interactives

Auteur: Mohamed CHINY Durée necessaire pour le cours de Apprendre Javascript pour rendre vos pages Web interactives Niveau recommandé pour le cours de Apprendre Javascript pour rendre vos pages Web interactives Supports vidéo disponibles pour ce cours Exercices de renforcement disponibles pour ce cours Quiz disponible pour ce cours

Leçon 30: Types primitifs, non primitifs et notion du prototype

Toutes les leçons

Apprendre Javascript pour rendre vos pages Web interactives

Leçon 1
Javascript c'est quoi?
Leçon 2
Comment intégrer du code Javascript?
Leçon 3
Pour commencer: les bases du Javascript
Leçon 4
Les bases du Javascript (La suite)
Leçon 5
Structures de contrôle (conditions et boucles)
Leçon 6
Les fonctions
Leçon 7
Les événements en Javascript
Leçon 8
Objets, méthodes et attributs
Leçon 9
Exercices - Permutation et calculatrice
Leçon 10
Objet Array: les tableaux
Leçon 11
Objet String: chaînes de caractères
Leçon 12
Exercice - Contrôle de saisie en Javascript
Leçon 13
Objet Math
Leçon 14
Objet Date
Leçon 15
Objet RegExp: Les expressions régulières
Leçon 16
Objet window
Leçon 17
Exercice - Afficher un message lettre par lettre
Leçon 18
Objet screen
Leçon 19
Objet Document et DOM en Javascript (Partie 1)
Leçon 20
Objet Document et DOM en Javascript (Partie 2)
Leçon 21
Objet Document et DOM en Javascript (Partie 3)
Leçon 22
Objet event
Leçon 23
Gestion des exceptions
Leçon 24
Exercice - Album photo
Leçon 25
API Selectors
Leçon 26
Exercice - Réaliser un jeu de loterie avec Javascript
Leçon 27
Exercice - Réaliser un album photo à effet de vagues (ou domino)
Leçon 28
Fonctions fléchées (Arrow function)
Leçon 29
Fonctions de rappel (Callback function)
Leçon 30
Types primitifs, non primitifs et notion du prototype
Leçon 31
Objets personnalisés en Javascript
Leçon 32
Classes et héritage
Leçon 33
Les promesses - Objet Promise
Leçon 34
Gérer les promesses avec une fonction asynchrone - async et await

Type primitifs en Javascript

Les 6 types de base du Javascript (Types primitifs)

En Javascript une primitive (ou variable de type primitif) est une variable qui n'est pas objet. C'est à dire que c'est une variable à part entière qui ne dispose ni d'attributs ni de méthodes. Les types primitifs constituent les types de bases d'une structure de données en Javascript.

Il existe 6 type primitifs en Javascript, à savoir:
  • Number (Nombres)
  • String (Chaînes de caractères)
  • Boolean (Type booléen)
  • Undefined (Variables non définies)
  • Null (Variables à valeur nulle)
  • Symbol (Nouveau type primitif inclus en ES6)

Ces même type primitifs ont un correspondant sous forme d'objet (à l'exception de Null et undefined). Par exemple ces deux instructions permettent de définir une variable nommée str en tant que chaîne de caractères:
str="Chaîne";
str=new String("Chaîne");
La différence c'est que la première variable est primitive alors la deuxième est un objet. Cependant, les deux peuvent être manipulées de la même manière à l'aide des attributs est méthodes associés au prototype String.

Les prototypes en Javascript

La particularité du Javascript, si on le compare avec d'autres langages de programmation qui supportent le paradigme objet, réside dans la manière avec laquelle il donne vie aux objets. En effet, en Javascript les objets sont créés à partir d'autres objets à travers le mécanisme du prototype. En effet, dans les langages de programmation orientée objet, on crée des structures nommées classes que l'on instancie afin de donner vie aux objets. Ces objets-là reprennent tous les attributs et méthodes qui ont été définis dans la classe en question. Par contre en Javascript, l'objet est créé, non pas à partir d'une classe, mais à partir d'un autre objet nommée prototype.

Mieux encore, les fonctions elles mêmes sont créées en Javascript à partir du prototype correspondant nommé function, ce qui veut dire qu'une fonction en Javascript est aussi un objet. A titre d'exemple, essayez d'exécuter ce code et visualisez le résultat sur la console:
console.log(function(){})
En fait, nous avons juste essayé d'afficher à la console les informations relatives à une fonction anonyme. Cela donnera beaucoup d'informations et parmi eux, on peut distinguer le nom du prototype qui donne vie aux fonctions.
Je vous recommande cet article sur MDN Web Docs qui traite le sujet des Prototypes Objets.
Leçon 6
Les fonctions
Leçon 13
Objet Math
Leçon 14
Objet Date
Leçon 16
Objet window
Leçon 18
Objet screen
Leçon 22
Objet event
Leçon 25
API Selectors
Leçon 30
Types primitifs, non primitifs et notion du prototype