Variables JavaScript

Variables JavaScript

Les variables JavaScript sont des conteneurs de valeurs de données.

Dans cet exemple, x, y et z sont des variables :

Exemple

var x = 7;
var y = 8;
var z = x + y;

Essayer vous-même

À partir de l'exemple précédent, vous pouvez obtenir :

  • x stocke la valeur 7
  • y stocke la valeur 8
  • z stocke la valeur 15

comme en algèbre

Dans cet exemple, price1, price2 et total sont des variables :

Exemple

var price1 = 7;
var price2 = 8;
var price3 = 12;
var total = price1 + price2 + price3;

Essayer vous-même

En programmation, comme en algèbre, nous utilisons des variables (par exemple price1) pour stocker des valeurs.

En programmation, comme en algèbre, nous utilisons des variables dans les expressions (total = price1 + price2).

À partir de l'exemple précédent, vous pouvez calculer que la valeur de total est 27.

Astuce :Les variables JavaScript sont des conteneurs de valeurs de données.

Identificateurs JavaScript

Tous les identificateurs JavaScript variabledoivent commencer parnoms uniquesdeIdentifiant。

Ces noms uniques sont appelésIdentificateur。

Les identificateurs peuvent être des noms courts (comme x et y), ou des noms plus descriptifs (age, sum, totalVolume).

Les règles générales pour construire des noms de variables (identificateurs uniques) sont :

  • Les noms peuvent contenir des lettres, des chiffres, des tirets bas et des symboles dollar
  • Les noms doivent commencer par une lettre
  • Les noms peuvent également $ et _ commence par (mais nous ne le ferons pas dans ce tutoriel)
  • Les noms sont sensibles à la casse (y et Y sont des variables différentes)
  • Les mots réservés (comme les mots-clés de JavaScript) ne peuvent pas être utilisés comme noms de variables

Astuce :Les identificateurs JavaScript sont sensibles à la casse.

opérateur d'affectation

En JavaScript, l'opérateur d'affectation (=est l'opérateur d'affectation, pas l'opérateur d'égalité.

Ce point est différent de l'algèbre. Le code suivant n'est pas raisonnable en algèbre :

x = x + 5

Cependant, en JavaScript, c'est tout à fait logique : attribuer la valeur de x + 5 à x.

(Calculer la valeur de x + 5 et la mettre dans x. La valeur de x augmente de 5.)

Remarque :L'opérateur d'égalité "égal à" en JavaScript est ==。

Types de données JavaScript

Les variables JavaScript peuvent contenir des nombres, comme 100, et des valeurs de texte, comme "Bill Gates".

Dans la programmation, les valeurs textuelles sont appelées chaînes.

JavaScript peut gérer plusieurs types de données, mais pour le moment, nous nous concentrons sur les valeurs numériques et les valeurs de chaînes.

Les chaînes de caractères sont encadrées par des guillemets doubles ou simples. Les nombres ne nécessitent pas de guillemets.

Si vous placez un nombre entre guillemets, il sera considéré comme une chaîne de texte.

Exemple

var pi = 3.14;
var person = "Bill Gates";
var answer = 'How are you!';

Essayer vous-même

Déclaration (création) de variables JavaScript

Dans JavaScript, la création de variables est appelée "déclaration de variables".

Vous pouvez var Les mots-clés pour déclarer des variables JavaScript sont :

var carName;

Après la déclaration, la variable n'a pas de valeur. (Techniquement, sa valeur est undefined。）

Si vous avez besoinAffectationPour attribuer une valeur à une variable, utilisez l'opérateur d'égalité :

carName = "porsche";

Vous pouvez assigner une valeur à une variable lors de sa déclaration :

var carName = "porsche";

Dans cet exemple, nous avons créé une variable nommée carName et lui avons assigné la valeur "porsche".

Ensuite, nous "affichons" cette valeur dans le paragraphe HTML avec id="demo" :

Exemple

<p id="demo"></p>
<script>
var carName = "porsche";
document.getElementById("demo").innerHTML = carName; 
</script>

Essayer vous-même

Astuce :

Il est une bonne habitude de déclarer toutes les variables au début du script !

Une instruction, plusieurs variables

Vous pouvez déclarer plusieurs variables dans une seule instruction. var En tant que début d'instruction, et avecvirguleSéparer les variables :

var person = "Bill Gates", carName = "porsche", price = 15000;

Essayer vous-même

La déclaration peut s'étendre sur plusieurs lignes :

var person = "Bill Gates",
carName = "porsche",
price = 15000;

Essayer vous-même

Value = undefined

Dans un programme informatique, les variables déclarées sont souvent sans valeur. La valeur peut être le contenu à calculer ou les données fournies ultérieurement, par exemple les entrées de données.

Les variables sans valeur, leur valeur sera undefined。

La valeur de la variable carName après l'exécution de cette instruction est undefined：

Exemple

var carName;

Essayer vous-même

Déclaration répétée de variable JavaScript

Si vous déclarez à nouveau une variable JavaScript, sa valeur ne sera pas perdue.

Après l'exécution de ces deux instructions, la valeur de la variable carName reste "porsche" :

Exemple

var carName = "porsche";
var carName;

Essayer vous-même

Arithmétique JavaScript

Comme en algèbre, vous pouvez effectuer des opérations arithmétiques avec des variables JavaScript, en utilisant = et + des opérateurs tels que :

Exemple

var x = 3 + 5 + 8;

Essayer vous-même

Les chaînes peuvent également utiliser le signe plus, mais les chaînes seront concaténées :

Exemple

var x = "Bill" + " " + "Gates";

Essayer vous-même

Essayez encore cette :

Exemple

var x = "8" + 3 + 5;

Essayer vous-même

Astuce :Si vous mettez des nombres entre guillemets, les autres nombres seront traités comme des chaînes et concaténés.

Essayez maintenant cette :

Exemple

var x = 3 + 5 + "8";

Essayer vous-même

Lecture supplémentaire

Tutoriel avancé JavaScript : Syntaxe ECMAScript、 Variable ECMAScript