Maison  >  Article  >  interface Web  >  Quels sont les inconvénients de var en JavaScript ?

Quels sont les inconvénients de var en JavaScript ?

青灯夜游
青灯夜游original
2021-06-29 17:27:384385parcourir

Les défauts de var en JavaScript : 1. Les variables définies par var n'ont pas de portée de bloc ; 2. Les variables globales définies par var ajouteront automatiquement les attributs de l'objet fenêtre global ; chargé à l'avance.

Quels sont les inconvénients de var en JavaScript ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

L'utilisation de var pour définir des variables peut rencontrer les problèmes suivants :

  • Les variables définies par var n'ont pas de portée de bloc.
  • Les variables globales définies par var ajouteront automatiquement les attributs de l'objet fenêtre global.
  • Les variables définies par var seront chargées à l'avance.

Alors comment combler les manques du Var ? Vous pouvez utiliser le mot-clé let. L'émergence du mot-clé let résout simplement les problèmes ci-dessus

1 Variables définies par let have block scope :

Let's. Regardons d'abord le code :

<script>
	for(let i = 0;i < 10; i++){
		console.log(i);
	}
	console.log("循环体之外:" + i);//报错:letScope.html:5 Uncaught ReferenceError: i is not defined
</script>

Résultats d'exécution :
Quels sont les inconvénients de var en JavaScript ?
Le programme ci-dessus utilise let dans la boucle for pour définir le compteur de boucle, de sorte que le compteur de boucle i ne soit que valide dans la boucle for, le programme signalera donc une erreur lors de l'accès à la variable i en dehors du corps de la boucle. Si vous utilisez var pour définir la variable i, la portée sera étendue en dehors de la boucle.

Les variables globales définies par 2.let ne seront pas automatiquement ajoutées aux propriétés de l'objet window :

Regardons un autre exemple :

<script>
	let name = &#39;巴啦啦&#39;;
		console.log(name); //输出巴啦啦
		console.log(window.name); //window.name不存在
</script>

Résultat d'exécution :

Quels sont les inconvénients de var en JavaScript ?
Le code ci-dessus utilise let pour définir un nom de variable globale, mais contrairement à l'utilisation de var pour définir des variables globales, les variables globales définies à l'aide de let ne deviendront pas des attributs de l'objet window. , donc lors de l'exécution du programme ci-dessus pour accéder à window.name, aucune sortie n'est vue.

Les variables définies par 3.let ne seront pas chargées à l'avance :

Voir l'exemple suivant :

<script>
	var name = &#39;巴啦啦&#39;;
	function func(){
		console.log(name);
		let name = &#39;fkit&#39;;
		console.log(name);
	}
	func();
</script>

Résultats d'exécution :

Quels sont les inconvénients de var en JavaScript ?

Les variables définies à l'aide de let ne seront pas reproduites tant que le flux du programme n'atteindra pas la ligne de code où la variable est définie.

Le programme ci-dessus définit d'abord un nom de variable globale, puis le programme utilise let dans la fonction func() pour définir une variable de nom avec le même nom. À ce stade, le nom de la variable locale écrasera le nom global. variable de nom. Cependant, comme les variables définies à l'aide de let ne seront pas chargées à l'avance, la fonction func() provoquera une erreur lors de l'accès à la variable name avant d'utiliser let pour définir le nom de la variable locale -----Si la variable name est défini dans la fonction func() Changer le mot-clé en var aura des effets différents.

Après modification, les résultats d'exécution sont les suivants :

Quels sont les inconvénients de var en JavaScript ?

En résumé, le mot clé let compense les défauts de var.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn