Maison > Article > interface Web > Vous apprendre à déclarer des variables en JavaScript de différentes manières

Vous apprendre à déclarer des variables en JavaScript de différentes manières

藏色散人original: 2021-08-17 14:13:512063parcourir

Dans l'article précédent "Comment renvoyer des éléments de tableau supérieurs au nombre spécifié via js", je vous ai présenté comment renvoyer des éléments de tableau supérieurs au nombre spécifié via js. Les amis intéressés peuvent en apprendre davantage ~

. Puis dans cet article Le sujet est de vous apprendre à déclarer des variables en JavaScript de différentes manières !

Tout d'abord, vous devez également savoir qu'en JavaScript, vous pouvez déclarer des variables de différentes manières en utilisant différents mots-clés. Après tout, chaque mot-clé a des fonctions spécifiques en JavaScript, nous pouvons essentiellement utiliser les mots-clés var, let et const ; pour déclarer des variables de trois manières différentes, et chaque mot-clé est utilisé dans certaines conditions spécifiques.

Remarque : avant 2015, nous utilisions le mot-clé var pour déclarer les variables JavaScript ; ES2015 (ES6) ajoutait deux mots-clés JavaScript importants let et const.

Première façon var : var：

var：该关键字用于全局声明变量，如果使用此关键字来声明变量，则该变量也可以全局访问和更改。

注：它适用于较短的代码。

其语法如:

var variableName = "Variable-Value;"

一个通过var声明变量的例子：

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title></title>
</head>
<body>

<script>

    var geeks = "I love PHP中文网";
    console.log(geeks);

</script>
</body>
</html>

则会输出“I love PHP中文网”，如下图：

Vous apprendre à déclarer des variables en JavaScript de différentes manières

第二种方式let：

let: 该关键字用于在本地声明变量，如果使用此关键字来声明变量，则该变量可以在本地访问并且也是可变的。

注：let声明的变量只在let命令所在的代码块内有效。

语法：

let variableName = "Variable-Value;"

一个通过let声明变量的例子：

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title></title>
</head>
<body>

<script>

    if (true) {

        let geeks = "I love PHP中文网";

        console.log(geeks);

    }
    

    /* 显示未定义错误 */

    console.log(geeks);

</script>
</body>
</html>

输出：

Vous apprendre à déclarer des variables en JavaScript de différentes manières

第三种方式const

var :

Ce mot-clé est utilisé pour déclarer une variable globalement. Si vous utilisez ce mot-clé pour déclarer une variable, la variable est également accessible et modifiée. à l'échelle mondiale. Remarque : cela fonctionne pour les codes plus courts.

La syntaxe est la suivante :

const variableName = "Variable-Value;"

Un exemple de déclaration de variables via var :

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title></title>
</head>
<body>

<script>
    const geeks = "I love PHP中文网";

    console.log(geeks);

</script>
</body>
</html>

affichera "J'aime le site Web chinois PHP", comme indiqué ci-dessous :

Vous apprendre à déclarer des variables en JavaScript de différentes manières

Deuxième méthode laisser :

let : Ce mot-clé est utilisé pour déclarer une variable localement, si vous utilisez ce mot-clé pour déclarer une variable, la variable est accessible localement et est également mutable.

🎜Remarque : les variables déclarées par let ne sont valides que dans le bloc de code où se trouve la commande let. 🎜🎜Syntaxe : 🎜rrreee🎜Un exemple de déclaration de variables via let : 🎜rrreee🎜Sortie : 🎜🎜 Vous apprendre à déclarer des variables en JavaScript de différentes manières

🎜🎜🎜La troisième façon const : 🎜🎜🎜🎜🎜const🎜 : Ce mot-clé est utilisé pour déclarer des variables globalement. Si vous déclarez une variable à l'aide de ce mot-clé, la variable est accessible globalement et ne peut pas être modifiée. 🎜🎜Remarque : const déclare une constante en lecture seule. Une fois déclarée, la valeur de la constante ne peut pas être modifiée. 🎜🎜 Grammaire : 🎜rrreee🎜Un exemple de déclaration de variables via const : 🎜rrreee🎜Sortie : 🎜🎜 🎜🎜🎜Enfin, je recommande "🎜🎜Tutoriel de base de JavaScript🎜🎜" ~ Bienvenue à tous pour apprendre ~🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

php JavaScript es6 常量 const var JS

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment insérer des éléments en tête ou en queue de l'apprentissage du tableau JS ?Article suivant：Comment insérer des éléments en tête ou en queue de l'apprentissage du tableau JS ?

Articles Liés

Voir plus