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écutez le programme et essayez-le
Parce que les variables locales n'agissent qu'au sein de la fonction, c'est différent Les fonctions peuvent utiliser des variables du même nom.
Les variables locales sont créées lorsque la fonction commence à s'exécuter, et elles 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écutez le programme et essayez-le
Si la variable n'est pas déclarée dans la fonction (sans utiliser le mot-clé var), cette 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écutez le programme pour l'essayer
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écutez le programme et essayez-le
![Projet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
![Cours frontal base zéro [Vue apprentissage avancé et application pratique]](https://img.php.cn/upload/course/000/000/068/63bbd15353895588.jpg)
![Tutoriel WEB front-end [HTML5+CSS3+JS]](https://img.php.cn/upload/course/000/000/068/63ba60c8da520536.jpg)
![Application pratique Apipost [api, interface, tests automatisés, mock]](https://img.php.cn/upload/course/000/000/068/63b3c967a20f4861.jpg)
