Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente Prochaine révisionLes deux révisions suivantes | ||
web:javascript:fondamentaux:variables [2021/06/19 11:33] – [1. Variables] phil | web:javascript:fondamentaux:variables [2021/08/11 09:19] – modification externe 127.0.0.1 | ||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
+ | [[|{{ : | ||
+ | |||
+ | ===== Variables et constantes ===== | ||
+ | |||
+ | [Mise à jour le 19/6/2021] | ||
+ | {{ : | ||
+ | |||
+ | * **Sources** et compléments sur MDN Web Docs | ||
+ | * < | ||
+ | * < | ||
+ | |||
+ | * ** Lectures connexes** | ||
+ | * Wikis WebPEM : [[: | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ==== 1. Variables ==== | ||
+ | * **Sources** et compléments : < | ||
+ | |||
+ | Dans tous les langages de programmation, | ||
+ | |||
+ | < | ||
+ | |||
+ | En JavaScript le nom d’une variable commence par une **lettre** ou par **$**. Une variable est déclarée explicitement par le mot-clé **var** (ou **let** : voir le pour aller plus loin). \\ | ||
+ | Il est possible, mais pas obligatoire d’initialiser une variable (lui attribuer une valeur) lors de sa déclaration. | ||
+ | |||
+ | === 1.1 Nommer une variable === | ||
+ | < | ||
+ | {{ : | ||
+ | |||
+ | __Exemple__ | ||
+ | |||
+ | <code javascript *.js> | ||
+ | var maMoyenneEnTsin ; | ||
+ | </ | ||
+ | |||
+ | <note tip>Dans la notation < | ||
+ | |||
+ | === 1.2 Déclarer (créer) une variable === | ||
+ | <note warning> | ||
+ | |||
+ | __Exemples__ | ||
+ | |||
+ | <code javascript *.js> | ||
+ | var i ; // variable non initialisée | ||
+ | var etat = true : // type booléen | ||
+ | var $Somme = 400; // type entier | ||
+ | var maMoyenneEnTsin = 12.5 ; // type nombre réel | ||
+ | var monPrenom = " | ||
+ | </ | ||
+ | |||
+ | <note tip>Pour déclarer **plusieurs** variables, les séparer par une virgule.</ | ||
+ | |||
+ | === 1.3 Les types de variables === | ||
+ | Le JavaScript dispose actuellement de 7 types de données dont 6 sont dits primitifs: \\ | ||
+ | * **Number** (les nombres), | ||
+ | * **String** (les chaines de caractères), | ||
+ | * **Boolean** (les booléens), | ||
+ | * **Null** (rien, attribué à une variable pour qu' | ||
+ | * **undefined** (pas défini) et | ||
+ | * < | ||
+ | * plus le type **Object** (Objet, peut contenir plusieurs variables de types differents). | ||
+ | |||
+ | <note important> | ||
+ | |||
+ | * **Tester l' | ||
+ | < | ||
+ | |||
+ | __Exemple__ | ||
+ | |||
+ | <code javascript *.js> | ||
+ | var nombre = 20; | ||
+ | console.log(typeof nombre); // résultat dans la console : " | ||
+ | |||
+ | var texte = 'Mon texte'; | ||
+ | console.log (typeof texte); // résultat dans la console : " | ||
+ | |||
+ | var booleen = false; | ||
+ | console.log (typeof booleen); // résultat dans la console : " | ||
+ | |||
+ | var test = null; | ||
+ | console.log (typeof test); // résultat dans la console : " | ||
+ | |||
+ | console.log (typeof nothing); // résultat dans la console : " | ||
+ | </ | ||
+ | |||
+ | === 1.4 Les blocs d' | ||
+ | <note important> | ||
+ | |||
+ | __Exemple__ | ||
+ | |||
+ | <code javascript .js> | ||
+ | if (a >= 5) { // Exécuté si a>=5 | ||
+ | b -= 1; | ||
+ | c += 2; | ||
+ | } else { // Exécuté si a<5 | ||
+ | b += 1; | ||
+ | c -= 2; | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | === 1.5 La portée d'une variable === | ||
+ | < | ||
+ | |||
+ | * **Variable locale** : une variable locale se déclare à l' | ||
+ | * **Variable globale** : une variable globale se déclare en début de script et est accessible par toutes les fonctions du script. Dans une fonction, une variable globale peut être appelée en utilisant le mot-clé **this** (this.mavariable ). | ||
+ | |||
+ | __Exemple__ | ||
+ | |||
+ | <code html *.html> | ||
+ | < | ||
+ | < | ||
+ | |||
+ | < | ||
+ | <meta charset=" | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | <script type=" | ||
+ | var a = 2; // variable globale | ||
+ | |||
+ | function testvar() { | ||
+ | var b = 4; // variable locale | ||
+ | a = 1; // ou this.a | ||
+ | console.log(" | ||
+ | } | ||
+ | testvar(); | ||
+ | console.log(" | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | |||
+ | === 1.6 Pour aller plus loin ... === | ||
+ | Utilisation de **let** : < | ||
+ | |||
+ | ==== 2. Constante ==== | ||
+ | * **Sources** et compléments : < | ||
+ | |||
+ | < | ||
+ | |||
+ | <code js *.js> | ||
+ | const PI = 3.1415927; | ||
+ | </ | ||