Portée JavaScript
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 au sein d'une fonction et ont une portée locale.
Variables locales : accessibles uniquement à l'intérieur de la fonction.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>局部变量在声明的函数内可以访问。</p>
<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML =
"我可以显示 " + typeof carName;
function myFunction()
{
var carName = "Volvo";
}
</script>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Étant donné que les variables locales n'agissent qu'au sein d'une fonction, différentes fonctions peuvent utiliser des variables portant 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.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>全局变量在任何脚本和函数内均可访问。</p>
<p id="demo"></p>
<script>
var carName = "Volvo";
myFunction();
function myFunction()
{
document.getElementById("demo").innerHTML =
"我可以显示 " + carName;
}
</script>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Si la variable n'est pas déclarée dans 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>
如果你的变量没有声明，它将自动成为全局变量：
</p>
<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML =
"我可以显示 " + carName;
function myFunction()
{
carName = "Volvo";
}
</script>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Cycle de vie des variables JavaScript
Le cycle de vie des variables JavaScript est initialisé lors de sa déclaration.
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>
在 HTML 中, 所有全局变量都会成为 window 变量。
</p>
<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML =
"我可以显示 " + window.carName;
function myFunction()
{
carName = "Volvo";
}
</script>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Le saviez-vous ?
 | Votre variable globale , ou Les fonctions peuvent remplacer les variables ou les fonctions de l'objet fenêtre.
|
|---|
