Explication et application de la portée en JavaScript (exemples de code)-js tutoriel-php.cn

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

不言

Libérer： 2018-09-14 17:54:59

original

1298 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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!