Variables JavaScript
tout comme l'algèbre
x=5
y=6
z=x+y
En algèbre, nous utilisons des lettres (comme x) pour contenir des valeurs (comme 5).
Avec l'expression ci-dessus z=x+y, nous pouvons calculer que la valeur de z est 11.
En JavaScript, ces lettres sont appelées variables.
Vous pouvez considérer les variables comme des conteneurs pour stocker des données.
Variables JavaScript
Comme l'algèbre, les variables JavaScript peuvent être utilisées pour stocker des valeurs (telles que x=5) et des expressions (telles que z=x+y ).
Les variables peuvent avoir des noms courts (tels que x et y) ou des noms plus descriptifs (tels que âge, somme, volume total).
Les variables doivent commencer par une lettre. Les variables peuvent également commencer par les symboles $ et _ (mais nous ne le recommandons pas). Les noms de variables sont sensibles à la casse (y et Y sont des variables différentes)
<🎜. >
Les instructions JavaScript et les variables JavaScript sont sensibles à la casse.
Types de données JavaScript
Les variables JavaScript peuvent également contenir d'autres types de données, tels que des valeurs de texte (name="Bill Gates").
En JavaScript, un texte comme « Bill Gates » est appelé une chaîne.
Les variables JavaScript sont de nombreux types, mais pour l'instant, nous nous concentrerons uniquement sur les nombres et les chaînes.
Lorsque vous attribuez une valeur de texte à une variable, vous devez entourer la valeur de guillemets doubles ou simples.
N'utilisez pas de guillemets lorsque la valeur que vous attribuez à une variable est une valeur numérique. Si vous entourez une valeur numérique de guillemets, la valeur est traitée comme du texte.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var pi=3.14;
var name="Bill Gates";
var answer='Yes I am!';
document.write(pi + "<br>");
document.write(name + "<br>");
document.write(answer + "<br>");
</script>
</body>
</html>
Déclarer (créer) des variables JavaScript
La création d'une variable en JavaScript est souvent appelée "déclarer" une variable.
Nous utilisons le mot-clé var pour déclarer une variable :
var carname;
Une fois qu'une variable est déclarée, la variable est vide (elle n'a aucune valeur).
Pour attribuer une valeur à une variable, utilisez le signe égal :
carname="Volvo";
Cependant, vous pouvez également attribuer une valeur à une variable lorsque vous déclarez-le :
var carname="Volvo";
Dans l'exemple suivant, nous créons une variable nommée carname, lui attribuons la valeur "Volvo", puis la mettons dans le paragraphe HTML avec id="demo"
Rappel chaleureux : une bonne programmation la pratique est de déclarer uniformément les variables requises au début du code.
Une instruction, plusieurs variables
Vous pouvez déclarer plusieurs variables dans une seule instruction. L'instruction commence par var et utilise des virgules pour séparer les variables :
var lastname="Doe", age=30, job="carpenter";
L'instruction peut également s'étendre sur plusieurs lignes :
var lastname="Doe",
age=30,
job="carpenter";
Valeur = non défini
Dans les programmes informatiques, des variables sans valeur sont souvent déclarées. La valeur d'une variable déclarée sans valeur est en réalité indéfinie.
Après avoir exécuté l'instruction suivante, la valeur de la variable carname ne sera pas définie :
var carname;
Redéclarer la variable JavaScript
Si vous redéclarez une variable JavaScript, la valeur de la variable ne sera pas perdue :
Après l'exécution des deux instructions suivantes, la valeur de la variable carname est toujours "Volvo" :
var carname="Volvo";
var carname;
Arithmétique JavaScript
Vous pouvez faire de l'arithmétique avec des variables JavaScript, en utilisant = et + Ce type d'opérateur :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>假设 y=5，计算 x=y+2，并显示结果。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var y=5;
var x=y+2;
var demoP=document.getElementById("demo")
demoP.innerHTML="x=" + x;
}
</script>
</body>
</html>
section suivante