Variables JavaScript

Tout comme l'algèbre

x=5
y=6
z=x+y

En algèbre, nous utilisons des lettres (telles que x) pour contenir des valeurs (telles que 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.

Remarque : 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)

Remarque : les instructions JavaScript et Les variables JavaScript sont sensibles à la casse.

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 les variables :

var carname;

Déclaration de variable Après cela, la variable est vide (elle n’a plus de valeur).

Pour attribuer une valeur à une variable, utilisez le signe égal :

carname="Volvo";

Cependant, vous pouvez également déclarer une variable lorsque Attribuez-lui une valeur :

var carname="Volvo";

Dans l'exemple suivant, nous créons une variable nommée carname et lui attribuons la valeur " Volvo" " et mettez-le dans le paragraphe HTML avec id="demo":

<!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écutez et essayez-le

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";

Instruction Cela peut s'étendent également sur plusieurs lignes :

var lastname="Doe",
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 :

var carname;

Formation continue

nouveau fichier

<!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>

soumettre Réinitialiser le code

Opération automatique

Variables JavaScript

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]