Le scope correspond à la portée d’une variable.
On distingue :
- le global scope : les variables déclarées en dehors d’un block et accessibles dans tout le programme (=> global variables)
- le block scope : les variables déclarées dans un block (à l’intérieur de curly braces {}) sont accessibles uniquement dans ce block (=> local variables)
Scope pullution : phénomène qui se produit lorsque nous avons trop de global variables dans le global namespace ou lorsque nous réutilisons des variables dans différents blocs de portée.
Goog scoping : utiliser le plus possible de variables avec une portée de block.
Les avantages :
- code plus lisible
- code plus compréhensible
- code plus facile à maintenir • préserve la mémoire du code
Le DOM pour Document Object Model est la représentation en arborescence de la page HTML. L’élément est un nœud de la représentation en arborescence, qui peut être manipulé avec JavaScript.
Il est possible de sélectionner et manipuler les éléments, par exemple :
- changer le contenu de l’élément body
document.body.innerHTML = "myNewContent"
- changer le style de l'élément body :
document.body.style.cssProperty = "propertyValue"
- récupérer une balise par son id
document.getElementById()
- récupérer plusieurs balises via leur nom de balise ou leur classe
document.getElementsByTagName()
document.getElementsByClassName()
- effectuer des actions en fonction des événements qui se produisent sur la page
element.addEventListenner("eventName",functionToExecute)