Le « hoisting », qu’on peut traduire par « hissage » en français est un concept important en Javascript. En effet, il permet de mieux comprendre comment le code est exécuté et d’éviter pas mal d’erreurs au quotidien. On va voir ensemble de façon très concrète ce qu’est le hoisting. On utilisera des exemples que vous pourrez run directement dans la page donc n’hésitez pas à jouer avec! 🙂
Découverte du Hoisting
En javascript, la déclaration des variables et des fonctions classiques est « hissée » en haut du contexte courant (scope). Pour faire simple, c’est comme si les déclarations étaient copiées/collées en haut du fichier ou de la fonction à laquelle elles appartiennent. Dans l’exemple ci-dessous, les codes sont donc équivalents (je vous invite à exécuter ce code pour vous en convaincre 😉 )
<script>
var test;
test = 1;
alert(test); // 1
</script>
<script>
test = 1;
alert(test); // 1 aussi alors que test est déclaré après sont utilisation
var test;
</script>
L’initialisation quant à elle n’est pas soumise à cette règle: on ne peut pas initialiser une variable après son utilisation:
<script>
alert(test); // undefined
var test = 1;
</script>
Note: cela fonctionne uniquement avec les variables définies avec le mot clé var. Pour celles définies avec let ou les constantes, il n’est pas possible de les utiliser avant de les avoir déclarées !
<script>
test = 1;
alert(test); // undefined
let test;
</script>
Pour les fonctions classiques, c’est la même chose (cela ne fonctionne pas avec les arrow function).
<script>
function printTest(){
test = 1;
alert(test);
var test;
}
printTest(); // 1
</script>
<script>
printTest(); // 1 aussi
function printTest(){
test = 1;
alert(test);
var test;
}
</script>
Conclusion
Le hoisting est lié à la façon dont javascript gère sa mémoire et c’est une notion qu’il faut connaître pour mieux comprendre certaines situation. En revanche, à titre personnel je pense qu’il est mieux de déclarer ses fonctions et ses variables en haut de leur contexte d’utilisation pour qu’il n’y ait aucune ambiguïté ! 🙂
source: https://imgflip.com/i/5f7ibr
Introduction
Par défaut, il n’est pas autorisé de faire des requêtes entre une application qui est dans un domaine A vers une autre qui serait dans un domaine B (pour des raisons de sécurité, il y a plus de détails dans les sources).
Si vous avez un front qui tourne sur un serveur node (localhost:3000) et votre backend Spring sur (local...
Introduction
Si vous travaillez sur une API Spring au quotidien, vous pouvez trouver rébarbatif le fait de renseigner tous les codes HTTP correspondants aux différents cas d’erreur.
On peut les gérer cette façon:
@PostMapping
public ResponseEntit...
Image prise sur Windows Central
Historique
Pour cet article je vais faire un mini REX sur l’écosystème de Microsoft pour les développeurs.
J’ai commencé à travailler avec les technologies Microsoft vers 2016. Pour situer, Windows 10 devait avoir ...
Introduction
Vous l’avez sûrement remarqué, lorsque vous lancez votre application Spring Boot, vous avez une bannière de ce type qui s’affiche:
Il peut être intéressant de la changer, ne serait-ce que pour voir plus facilement dans les logs q...