Variables JavaScript
Les variables sont des « conteneurs » utilisés pour stocker des informations.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <script> var x=5; var y=6; var z=x+y; document.write(x + "<br>"); document.write(y + "<br>"); document.write(z + "<br>"); </script> </body> </html>
Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Tout comme l'algèbre
x=5
y=6
z=x+y
En algèbre, on utilise des lettres (comme x ) pour enregistrer la valeur (par exemple 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.
 | 您可以把变量看做存储数据的容器。 |
|---|
Variables JavaScript
Comme pour 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)
| JavaScript 语句和 JavaScript 变量都对大小写敏感。 |
|---|
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.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</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>
Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Déclarer (créer) des variables JavaScript
La création de variables en JavaScript est souvent appelée « déclarer » une variable.
Nous utilisons le mot-clé var pour déclarer des variables :
Une fois qu'une variable est déclarée, la variable est vide (elle n'a pas valeur) .
Pour attribuer une valeur à une variable, utilisez le signe égal :
Cependant, vous pouvez également déclarer une variable lorsque Attribuez-lui une valeur :
Dans l'exemple suivant, nous créons une variable nommée carname et lui attribuons la valeur " Volvo" ", puis placez-le dans le paragraphe HTML avec id="demo":
Exemple
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击这里来创建变量，并显示结果。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var carname="Volvo";
document.getElementById("demo").innerHTML=carname;
}
</script>
</body>
</html>Exécuter l'exemple»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
| 一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。 |
|---|
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 :
Déclaration Cela peut s'étendent également sur plusieurs lignes :
age=30,
job="carpenter";
Valeur = non défini
Dans les programmes informatiques, les 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 :
Redéclarez une 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 le nom de la voiture est toujours "Volvo" :
var carname;
Arithmétique JavaScript
Vous pouvez faire de l'arithmétique via des variables JavaScript, des opérateurs tels que = et + sont utilisés :
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</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>Exécuter l'instance»
Cliquez sur le bouton "Exécuter l'instance" " pour voir un exemple en ligne
Vous en apprendrez plus sur les opérateurs JavaScript plus loin dans ce tutoriel.
