Introduction aux variables en JavaScript
Avant de commencer avec la variable JavaScript, nous devons savoir ce que le terme signifie réellement. En général, variable signifie quelque chose qui ne cesse de changer. En termes de programmation, la variable n'est rien d'autre que la référence à la mémoire dans laquelle nous avons stocké une valeur. Nous avons actuellement trois façons différentes de déclarer la variable. Chacun a sa propre importance à utiliser. Ce sont les suivants:
- var
- laisser
- const
Tous les trois ci-dessus sont des mots clés en JavaScript. En général, nous devons déclarer une variable avec le mot-clé var. Plus tard dans ES2015 (EcmaScript 2015) a introduit deux nouveaux mots clés pour déclarer des variables, à savoir let et const. Ces deux domaines ont une portée de bloc. Mais pour l'instant, nous allons nous concentrer sur var.
Syntaxe des variables en JavaScript
La variable javascript est fournie avec la portée. JavaSript a deux étendues portée locale et portée globale. Plus tard dans ES2015, nous avons introduit la portée de bloc.
Concentrons-nous sur une portée mondiale et une portée locale. Toute variable déclarée en haut du code n'est rien d'autre que globale pour tous. Tout le monde peut y accéder. Dans un autre côté, la variable déclarée à l'intérieur de n'importe quelle fonction est locale à cette fonction et elle n'est pas accessible depuis l'extérieur de cette portée.
Exemple 1
Code:
var color = "black";
function car()(
var model = "suzuki";
console.log("The model is "+model);
)
console.log("The color is: " + color);
car();
Production:
Dans l'exemple ci-dessus, la couleur variable est une variable globale et le modèle de variable est une variable locale. Le modèle variable est local à sa portée fonctionnelle. Et ce n'est pas accessible de l'extérieur. Si nous essayons de le faire, nous obtiendrons une erreur. Regardons ça.
Exemple # 2
Code:
var color = "black";
function car()(
var model = "suzuki";
console.log("The model is "+model);
)
console.log("The color is: " + color);
car();
console.log(model);
Production:
Syntaxe de la déclaration respective
La syntaxe suivante concerne la déclaration respective:
- Pour var:
var variable_name; - Pour let:
let variable_name; - Pour const:
const variable_name;
Règles pour les variables Javascript
Voici la règle pour la variable javascript:
- Le nom de la variable Javascript doit commencer par la lettre. La plage est az et AZ.
- Il peut commencer par $ et _.
- Les variables Javascript ne doivent pas commencer par un chiffre.
- Nous pouvons utiliser un chiffre entre le nom. ex: house1
- JavaScript est sensible à la casse. Ainsi, les variables déclarées comme prix et prix sont différentes.
- Les noms de variable JavaScript ne doivent pas avoir le nom ou les mots-clés. Ex: variable const; ce n'est pas autorisé car const est un mot-clé.
Comment fonctionnent les variables en JavaScript?
Les variables JavaScript sont basées sur des étendues. Comprenons d'abord ce qu'est la portée en JavaScript. JavaScript fonctionne sur son environnement lexical. Certaines personnes trouvent cela délicat, mais c'est simple:
- Commençons par la déclaration de la variable. Déclarer une variable n'est rien d'autre que d'écrire le nom de la variable. En JavaScript, nous suivons la règle pour écrire var et après avoir écrit le nom de variable var. Le point-virgule (;) est facultatif en javascript. Mais c'est utile si vous donnez et il est recommandé de le faire. Donner un point-virgule donne l'idée que l'endroit où la déclaration est terminée.
Code:
var price;
- Dans l'exemple ci-dessus, le mot clé est var et le nom de la variable est price an identifier. Si vous avez étudié les opérateurs en JavaScript, vous savez que nous avons utilisé l'opérateur d'affectation (=) ici. Tout nom que nous donnons à la variable est connu comme un identifiant en JavaScript.
- Toute valeur donnée sur le côté droit de l'affectation est stockée dans une variable qui dans le côté gauche.
- Il est recommandé d'utiliser des lettres minuscules pour les variables. Nous avons un étui à chameaux pour cela. Cas de chameau inférieur utilisé pour les variables.
- Maintenant assez sur la déclaration JavaScript. Passons à l'initialisation de cette variable.
- L'initialisation de variable est le processus d'attribution de valeur à cette variable. Maintenant, la question se pose, quelle valeur? Avons-nous des types de données en JavaScript? Et la réponse est oui.
- JavaScript est un langage dynamique. Cela signifie que nous ne déclarons pas de variables explicitement avec un type particulier. Le compilateur JavaScript lui-même applique une contrainte au type de données particulier.
- Nous avons des types de données Number, String, Boolean, Undefined et Null en JavaScript.
- JavaScript a une convention pour donner de la valeur à toutes les variables qui ne sont pas initialisées. Et cette valeur n'est pas définie.
Code:
var price =10; //initializing variable with value of 10
- Dans l'exemple ci-dessus, nous variable qui est déjà initialisé. Et si nous ne donnons aucune valeur à la variable? Essayons le code suivant dans la console JavaScript et voyons le résultat.
Code:
var price;
console.log (price); //printing value to the console
En JavaScript, nous affichons la sortie sur console avec la méthode console.log comme indiqué ci-dessus.
Production:
N'oubliez pas que JavaScript est sensible à la casse. Voyons maintenant si nous attribuons une valeur à la variable, alors quelle sera la sortie.
Code:
var price =10; // initialized variable with the value 10
console.log(price);
Production:
La déclaration de variable avec le mot clé var appartient par défaut à sa portée globale. Nous pouvons déclarer plusieurs variables sur la même ligne. Pour cela, nous devons séparer chaque variable par une virgule (, ).
En outre, la clé à noter ici est la valeur de la variable qui ne doit pas être indiquée entre guillemets. Si vous donnez le nombre entre guillemets, alors JavaScript en tant que chaîne.
Exemples de variables en JavaScript
Voici un exemple de variables en javascript:
Exemple 1
JavaScript var peut stocker des données quel que soit leur type. Voyons un exemple à ce sujet.
Code:
var color = "black"; >
var car = "BMW";
var no = 10;
console.log("I have " + car +
" which is having "+ color+
" color, and having parked at no " +no);
Production:
Exemple # 2
On peut déclarer surtout toutes les variables sur la même ligne, regardez le code ci-dessous.
Code:
var color = "black", car = "BMW", no = 10;
console.log("I have " + car +
" which is having "+ color+
" color, and having parked at no " +no);
Production:
Nous venons de séparer chaque variable par une virgule et en même temps, nous l'avons initialisée.
Exemple # 3
Maintenant, nous avons examiné une fois la déclaration des variables. Que se passe-t-il si nous re-déclarons les variables? Regardez l'exemple ci-dessous.
Code:
var color = "black";
var color;
console.log("The color is: " + color);
Production:
Même si nous redéclarons ici la variable appelée couleur, elle ne perd pas sa valeur. Il nous donne du noir en sortie.
Conclusion
JavaScript est un langage interprété et de nature dynamique. Il est donc très important de comprendre comment cela fonctionne. La portée de la variable est un aspect très important lors de l'apprentissage de JavaScript.
Articles recommandés
Ceci est un guide des variables en JavaScript. Nous discutons ici en détail de l'apprentissage en profondeur en javascript variable avec des exemples de syntaxe et des aspects importants. Vous pouvez également consulter nos autres articles connexes pour en savoir plus -
- Instructions conditionnelles en JavaScript
- Variables en C #
- Variables en Java
- Objets JavaScript