[Tutoriel JavaScript] Portée JavaScript

JavaScript Scope

Une collection de variables accessibles par portée.

Portée JavaScript

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

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

Portée de la fonction JavaScript : La portée est modifiée au sein de la fonction.

Portée locale JavaScript

Les variables sont déclarées dans une fonction et ont une portée locale.

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

Instance

// La variable carName ne peut pas être appelée ici

function myFunction() {
var carName = "Volvo";

/ / La variable carName peut être appelée dans la fonction

}

Essayez-le »

Parce que les variables locales n'agissent qu'au sein de la fonction, différentes fonctions peuvent utiliser des variables avec le même nom.

Les variables locales sont créées lorsque la fonction commence à s'exécuter et seront automatiquement détruites après l'exécution de la fonction.

Variables globales JavaScript

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

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

Exemple

var carName = " Volvo";

// 此处可调用 carName 变量

function myFunction() {

    // 函数内可调用 carName 变量 

}

Si la variable n'est pas déclarée au sein de la fonction (sans utiliser le mot-clé var), la variable est une variable globale.

Dans l'exemple suivant, carName est dans la fonction, mais est une variable globale.

Instance

// 此处可调用 carName 变量

function myFunction() {
    carName = "Volvo";

    // 此处可调用 carName 变量

}

Cycle de vie des variables JavaScript

Le cycle de vie des variables JavaScript est initialisé lorsqu'il est déclaré.

Les variables locales sont détruites après l'exécution de la fonction.

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 : toutes les variables de données appartiennent à l'objet fenêtre.

Instance

//此处可使用 window.carName

function myFunction() {
    carName = "Volvo";
}

Le saviez-vous ?

Vos variables globales, ou fonctions, peuvent remplacer les variables ou fonctions de l'objet fenêtre.

Les variables locales, y compris les objets de fenêtre, peuvent remplacer les variables et fonctions globales.

Ce qui précède est le contenu de la portée JavaScript dans [Tutoriel JavaScript]. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !