Portée JavaScript

La portée est la collection de variables auxquelles vous avez accès.

portée de fonction JavaScript

Dans JavaScript, il y a deux types de portée :

  • portée locale
  • portée globale

JavaScript possède un portée de fonction : chaque fonction crée un nouveau portée.

L'portée détermine l'accès (la visibilité) de ces variables.

Les variables définies à l'intérieur d'une fonction ne sont pas accessibles de l'extérieur de la fonction (invisibles).

variables locales JavaScript

Les variables déclarées dans une fonction JavaScript deviennent lesvariable locale。

L'portée des variables locales estlocale：Seulement accessible à l'intérieur de la fonction.

Exemple

// Ce code ne peut pas utiliser la variable carName
function myFunction() {
    var carName = "porsche";
    // Ce code peut utiliser la variable carName
carName = "porsche";

Essayez-le vous-même

Comme seules les variables locales peuvent être reconnues à l'intérieur de la fonction, des variables portant le même nom peuvent être utilisées dans différentes fonctions.

Des variables locales sont créées au début de la fonction et supprimées à la fin de la fonction.

variables globales JavaScript

Les variables déclarées en dehors des fonctions deviennentvariable globale。

L'portée des variables globales estglobale：Tous les scripts et fonctions du site Web peuvent y accéder.

Exemple

var carName = "porsche";
// Ce code peut utiliser la variable carName
function myFunction() {
    // Ce code peut également utiliser la variable carName
carName = "porsche";

Essayez-le vous-même

Variables JavaScript

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

L'portée détermine l'accès aux variables, aux objets et aux fonctions à partir de différentes parties du code.

globale automatique

Si vous affectez une valeur à une variable non déclarée, cette variable deviendra automatiquementglobalevariable.

Ce code déclarera une variable globale carName, même si elle est affectée à l'intérieur de la fonction.

Exemple

myFunction();
// Ce code peut utiliser la variable carName
function myFunction() {
    carName = "porsche";
carName = "porsche";

Essayez-le vous-même

}

Mode strict

Vous apprendrez plus sur l'utilisation du mode "strict" dans les chapitres ultérieurs de ce tutoriel.

Les variables globales ne sont pas créées automatiquement dans le mode "strict".

Variables globales dans HTML

Par JavaScript, l'environnement global forme un environnement JavaScript complet.

Dans HTML, l'environnement global est window. Toutes les variables globales appartiennent à l'objet window.

Exemple

var carName = "porsche";
// Ce code peut utiliser window.carName

Essayez-le vous-même

Avertissement

Ne créez pas de variables globales, sauf si cela est intentionnel.

Vos variables globales (ou fonctions) peuvent couvrir les variables (ou fonctions) de l'objet window.

Toute fonction, y compris l'objet window, peut couvrir vos variables globales et fonctions.

Durée de vie des variables JavaScript

La durée de vie d'une variable JavaScript commence lorsqu'elle est créée.

Les variables locales sont supprimées lorsque la fonction est terminée.

Les variables globales sont supprimées lorsque vous fermez la page.

Arguments de la fonction

Les arguments de la fonction sont également des variables locales à l'intérieur de la fonction.