Maison >interface Web >js tutoriel >Analyse de la portée des variables JavaScript (explication détaillée)

Analyse de la portée des variables JavaScript (explication détaillée)

青灯夜游original: 2018-09-13 17:50:421134parcourir

Ce chapitre vous apporte une analyse de la portée des variables JavaScript (explication détaillée), afin que vous puissiez acquérir quelques connaissances sur la portée de JavaScript. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Quelle est la portée de JavaScript ?

En JavaScript, la portée est une collection de variables, d'objets et de fonctions accessibles.

La portée peut être modifiée au sein de la fonction.

Portée locale JavaScript

Les variables sont déclarées dans la fonction, et les variables sont des variables locales (portée locale)

Variables locales : accessibles uniquement à l'intérieur de la fonction.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <button onclick="myFunction(1,2)">试一试</button>
    <p id="demo"></p>
</body>
<script type="text/javascript">
    function name() {
        //在此处声明一个变量
        var a = 10;
        //函数内可以调用 a
    }
    //此处（函数外）不能调用变量 a　　
    //因为局部变量只作用于函数内，所以不同的函数可以使用相同名称的变量名　　
    //局部变量在函数开始执行时创建，函数执行完毕后，变量会自动销毁
</script>
</html>

Variables globales JavaScript

Une variable définie en dehors d'une fonction est une variable globale.

Les variables globales ont une portée globale et peuvent être utilisées par tous les scripts et fonctions de la page Web.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <button onclick="myFunction(1,2)">试一试</button>
    <p id="demo"></p>
</body>
<script type="text/javascript">
    /* 在此处声明一个全局变量 */
    var a = 10;
    function name() {
        //函数内可以调用 a
    }
    //此处也能调用变量 a
</script>
</html>

Si la variable n'est pas déclarée dans la fonction (non déclarée à l'aide du mot-clé var), la variable modifiée est une variable globale.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <button onclick="myFunction(1,2)">试一试</button>
    <p id="demo"></p>
</body>
<script type="text/javascript">
    
    function name() {
        /* 在此处声明一个变量 */
          a = 10;
　　　　　/* a没有使用var关键字声明，则默认为全局变量 */

    }
    
</script>
</html>

Cycle de vie des variables JavaScript

Le cycle de vie d'une variable est initialisé lors de sa déclaration. Les variables locales sont détruites une fois l'exécution de la fonction terminée. Les variables globales sont détruites après la fermeture de la page.

Paramètres de fonction

Les paramètres de fonction ne fonctionnent qu'au sein de la fonction et sont des variables locales.

Variables globales en HTML

En HTML, les variables globales sont des objets fenêtre, et toutes les variables de données appartiennent à l'objet fenêtre.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <button onclick="myFunction(1,2)">试一试</button>
    <p id="demo"></p>
</body>
<script type="text/javascript">
    function name() {
         a = 10;
    }
    //此处可使用window.a调用变量 a
</script>
</html>

Les variables ou fonctions globales peuvent remplacer les variables ou fonctions de l'objet fenêtre. Les variables locales incluent des objets de fenêtre et peuvent remplacer les variables et fonctions globales.

Les mots-clés let et const sont fournis dans es6

La méthode de déclaration de let est la même que celle de var. Utiliser let au lieu de var pour déclarer des variables peut limiter la variable actuelle au bloc de code. .

La constante est déclarée à l'aide de const et sa valeur ne peut pas être modifiée une fois définie.

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!

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：Ajax – mappage de formulaireArticle suivant：Ajax – mappage de formulaire

Articles Liés

Voir plus