Variables, Fonctions & Nouveautés - javascript_tome_ii

J.B. DadetJ.B. DadetJ.B. Dadet DIASOLUKADIASOLUKADIASOLUKA LuyaluLuyaluLuyalu NzoyifuangaNzoyifuangaNzoyifuanga
JAVASCRIPT (ProgrammationInternet) VOL. II
+243 - 851278216 - 899508675 - 995624714 - 902263541 - 813572818
[email protected]
Après le succès foudroyant du Vol IVol IVol I destiné à démontrer de fa-
çon pragmatique, pratique la puissance du JavaScript àrésoudre
même les problèmes Mathématiques ( *l ’ algorithmique d ’ analyse
des nombres de Kaprekar, *le calcul du carr é d ’ un nombre, *le
carr é parfait, *les tests conditionnels, *quelques diff é rences
entre langage C et JavaScript, mais aussi *diff é rents é diteurs
de texte et leurs particularit é s ), voici le VOL IIVOL IIVOL II basésur Es8
(2018) et qui est premièrement destiné à enrichir mon mémento
personnel mais aussi àaider les autres dans leurs premiers pas
dans ce langage.
Cette démarche saugrenue/surprenante, de commencer par le plus
complexe pour continuer par le plus simple, s’explique par le
fait que nous voulions d’abord faire l’apologie du langage
=JavaScriptJavaScriptJavaScript (ex LiveScriptLiveScriptLiveScript, normalisédans ECMASCRIPTECMASCRIPTECMASCRIPT)= avant
de nous lancer en douceur dans ses abysses et détails.
Cette série présentera de façons trèsélégante, les concepts
fondamentaux (de base, essentiels) permettant un engagement
progressif, plus profond et plus efficace dans ce langage.
C’est aussi, une fois de plus, l’occasion de remercier, ho-
norer, glorifier, adorer et aduler le Grand Dieu, tout Puis-
sant Cr é ateur de toutes choses qui existent (et celles qui
n’existent pas encore mais qui existeront, visibles et ca-
chées, connues et ignorées, imaginables et insoupçonnables...)
pour toutes les merveilles qu’Il a toujours accomplies depuis
bien avant même la création des univers, toutes les dimensions
et tout ce qui s’y trouve y compris les intra- / extra-ter-
restres, les entités biologicoïdes (fantômes et esprits er-
rants, sirènes, elfs, gnomes, lutins...), et les entitentitentit é sss é ththth é ---
riques non-biologiques (riques non-biologiques (riques non-biologiques (extra-dimensionnelsextra-dimensionnelsextra-dimensionnels))) qui lui doivent
tous aussi Respect et Vénérations, et qui s’il le veut, peut
faire les pierres l’adorer en criant très fortement (Luc
19:40 Et Jésus répondant, leur dit; Je vous dis que si ceux-
ci se taisent, les pierres m ê mes crieront = chant des dûnes).
DIASOLUKA Nz.DIASOLUKA Nz.DIASOLUKA Nz. LuyaluLuyaluLuyalu
Docteur en Médecine, Chirurgie & Accouchements (1977),
CNOM : 0866 - Spécialiste en ophtalmologie (1980) Informaticien-ama-
teur, Programmeur et WebMaster.

J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-II
Variables & Functions - 2 / 34 - dimanche, 14. octobre 2018 (3:40 pm)
INTRODUCTION :
Javascript (JS, à ne pas confondre avec JAVA d’O racle) initialem ent Live-
Script, livré pour la 1ère fois avec Netscape 2 début 1996 est un langage de
script léger (scripting language = lightw eight program m ing language) Ori-
enté O bjet (OOP) créé en 1995 par l’ingénieur Brendan Eich de Netscape
(co-fondateur du projet M ozilla, de la fondation M ozilla et de la corp oration
M ozilla) et standardisé par l'organism e ECM A (European Com puter M a -
nufacturers Association)en 1996 et 1997 basé sur ECM A Scrip t (ES), et
est régi par le TC39 (le Com ité technique 39 qui fait évoluer JavaScript). Ini-
tialem ent destiné à dynam iser les pages W eb c’est-à-dire les rendre interac-
tives (dynam iques, conversationnelles, responsives, réactives à tem ps réel).
JavaScript est un interpréteur (com pile à la volée), il exécute directem ent
sans passer par la com pilation qui génère un code objet interm édiaire (pour
les anciens program m es de form at .com ) ou directem ent exécutable (pro-
gram m es .exe).
Quelques dialectes de ECM AScript à ne pas confondre :
JavaScript (enrich issem ent d'ECM AScript),
JScript (variante de M icrosoftlancé avec Internet Explorer 3),
Ecm aScript (version standardisée de JS, la prem ière en 1997),
ActionScript (variante d'Adobe).
JS est aujourd’hui l’outil par excellence pour m anipuler/gérer tous les as-
pects d’une page W eb (élém ents : balises, nodes de l’arbre hiérarchique [ar-
borescence] H TM L : DOM = D ocum ent O bject M odel = un API ( Application
Program m ing Interfaces ) perm ettant d’accéder à tous les noeuds [élém ent,
chaîne, com m entaire] d ’une page W E B), le style, les events (événem en ts),
lire et écrire les élém ents HTM L, valider les entrées, éditer le texte de la
page W eb (ajouter, supprim er, m odifier/transform er), détecter le brow ser,
créer les cookies, gérer les likes...
JS n’est certes pas le seul langage pour ce faire, il y a aussi par exem ple le
PHP, etc et le CSS avec ses «m edia queries», m ais JS a été parm i les pre-

J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-II
Variables & Functions - 3 / 34 - dimanche, 14. octobre 2018 (3:40 pm)
m iers, le plus populaire et le plus facile à m aîtriser perm ettant m êm e de m a-
nipuler dynam iquem ent les feuilles de style CSS, il est aussi le plus facile à
im plém enter et à utiliser car contrairem ent au PH P par exem ple, JS ne tient
pas com pte de la plate-form e (serveur ou client=utilisateur final souvent un
internaute).
De plus, un program m e PHP D OIT préalablem ent être converti (par le brow -
ser) côté client en code JS avant de s’exécuter. JS s’exécute dans un naviga-
teur, mais peut aussi s’utiliser dans d’autres environnem ents (Serveur
W eb : scripts ASP ; Plates-form es : projet Node.js ; bases de données :
M ongoD B, Apa che CouchD B (AdobeAcrobat) ; des consoles interactives
d'exécution com m e le Rhino...).
JS a débordé de ses prem iers objectifs, il est mêm e utilisé com m e tout lan-
gage évolué (C/C++...) dans l’élaboration de logiciels com plets et volum i-
neux entièrem ent écrits en JS, dont des traitem ents de textes, des logiciels
de gestion...
Entrons dans le but de notre sujet, le JavaScript norm e ES8 (ECM A Scrip t
2018).

J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-II
Variables & Functions - 4 / 34 - dimanche, 14. octobre 2018 (3:40 pm)
CHAPITRE 1 : Les COMMENTAIRES dans JavaScript
Si dans HTML les commentaires (textes inertes) se présentent sous une
seule forme comme suit :
<!-- Bloc de commenatires --><!-- Bloc de commenatires --><!-- Bloc de commenatires -->
JS quant à lui accepte quatre formes de commentaires :
1. Commentaire multiligne :
/*/*/*
lignes de commentaires */lignes de commentaires */lignes de commentaires */
2. Commentaires en ligne : :
2.a. Le double « slash »
// Commente jusqu’en fin de ligne.// Commente jusqu’en fin de ligne.// Commente jusqu’en fin de ligne.
2.b.
<!-- Commentaire en ligne<!-- Commentaire en ligne<!-- Commentaire en ligne
2.c.
-> commentaire en ligne-> commentaire en ligne-> commentaire en ligne
Attention :
Ne confondez pas l’opérateur JavaScript de commentaire en ligne «->->-> »,
l’opérateur de fonction fléchée « =>=>=> » et l’opérateur de countdown
« jusqu’à » « -->-->--> » :
<script type="text/javascript"> "use strict";
function countdown(n) {
while (n --> 6) // "Tant que n-- > 6"
console.log(n+" --> "+Math.log(n));
}
countdown(11)
</script>
10 --> 2.302585092994046 test.html:4:7
9 --> 2.1972245773362196 test.html:4:7
8 --> 2.0794415416798357 test.html:4:7
7 --> 1.9459101490553132 test.html:4:7
6 --> 1.791759469228055 test.html:4:7

J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-II
Variables & Functions - 5 / 34 - dimanche, 14. octobre 2018 (3:40 pm)
En fait « --> » n’est pas un opérateur comme tel, mais simplement le
complexe [ opérateur de décrémentation « -- » espacé de son opérande (de
gauche) et suivi directement du signe supérieur à « > » ] donnant « -- > » :
Son similaire (aussi un peu truqué) :
<script type="text/javascript"> "use strict";
function countdown(n) {
while (n ++< 10) // Incrément APRÈS.
console.log(n+" ++< "+Math.log(n));
}
countdown(5)
</script>
6 ++< 1.791759469228055 test.html:4:7
7 ++< 1.9459101490553132 test.html:4:7
8 ++< 2.0794415416798357 test.html:4:7
9 ++< 2.1972245773362196 test.html:4:7
10 ++< 2.302585092994046 test.html:4:7
CHAPITRE 2 : Les VARIABLES dans JavaScript
Comme tout langage de Programmation, JS utilise des variables (identi-
fiants de cellules-mémoire) locales ou globales, des fonctions, et des
objets (comportant des propriétés et méthodes=fonctions propres (in-
trinsèques, internes, intégrées / incorporées).
Les variables servent à associer un nom (identifiant) à un contenu d’une
cellule-mémoire de l’ordinateur ; ça peut être une donnée (un nombre, un
littéral, un objet) ou un code exécutable (function). Mots-réservés àéviter
comme identifiant :abstract, arguments, boolean, break, byte, case, catch,
char, class, const, continue, debugger, default, delete, do, double, else,
enum, eval, export, extends, false, final, finally, float, for, function, goto, if, im-
plements, import, in, instanceof, int, interface, let, long, NaN, native, new,
null, package, private, protected, public, return, short, static, super, switch,
synchronized, this, throw, throws, transient, true, try, typeof, var, void, vola-
tile, while, with, yield.
Le code et les données dans JS doivent impérativement être contenus
dans l’élément SCRIPT imbriqué dans l’élément HEAD ou BODY tous deux
dans l’élément HTML. Pour ne pas ralentir le chargement de la page, pla-
cez les scripts juste avant la balise de fermeture </body>.