Maison >interface Web >js tutoriel >Explication et application de la portée en JavaScript (exemples de code)

Explication et application de la portée en JavaScript (exemples de code)

不言original: 2018-09-14 17:54:591332parcourir

Le contenu de cet article concerne l'explication et l'application de la portée en JavaScript (exemples de code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Portée JavaScript

Une portée est une collection de variables accessibles.

En JavaScript, les objets et les fonctions sont également des variables.

En JavaScript, une portée peut accéder à une collection de variables, d'objets et de fonctions.

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 d'une variable JavaScript

Le cycle de vie d'une variable est initialisé au moment 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.

Recommandations associées :

Exemple d'apprentissage de la portée de la fonction Javascript (portée js)_Connaissances de base

Détails de la portée et des variables JavaScript dans

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!

JavaScript html 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：Explication détaillée du code de l'utilisation de JSON en JavaScriptArticle suivant：Explication détaillée du code de l'utilisation de JSON en JavaScript

Articles Liés

Voir plus