Qu'est ce JavaScript
JavaScript est un langage de programmation de scripts crée en 1995, principalement employé dans les pages web interactives et à ce titre est une partie essentielle des applications web. Ce langage est un langage de programmation qui permet d’apporter des améliorations au langage HTML en permettant d’exécuter des commandes.
A quoi ressemble un script?
Un script est une portion de code qui vient s’insérer dans une page HTML. Le code du script n’est
toutefois pas visible dans la fenêtre du navigateur car il est compris entre des balises (ou tags)
spécifiques qui signalent au navigateur qu’il s’agit d’un script écrit en langage JavaScript.
Les balises annonçant un code Javascript sont les suivantes:
<script language="Javascript">
Placez ici le code de votre script
</script> Un exemple de script
Comme généralement dans les tutoriels de Javascript on va faire afficher un boite de dialogue suite au chargement d’une page HTML. Dans ce cas le script est totalement inutile voire ennuyeux pour vos visiteurs. Cet exemple montre ce que l’abus de Javascript peut donner. Il faudra apprendre à se servir du Javascript avec modération!
Voici la page HTML correspondante:
<html>
<head>
<title> Voici une page contenant du Javascript</title>
</head>
<body>
<script language="Javascript">
alert("Voici un message d alerte!");
</script>
</body>
</html>
Où insérer le code javascript
A quel emplacement insérer le Javascript dans votre page HTML. Il y a plusieurs façon d’inclure du JavaScript dans une page HTML
Dans la balise script
Le code Javascript peut être inséré où vous le désirez dans votre page Web, vous devez toutefois veiller à ce que le navigateur est entièrement chargé votre script avant d’exécuter une instruction.
<script language="Javascript">
alert("Voici un message d alerte!");
</script>Dans un fichier externe
Il est possible de mettre les codes de JavaScript en annexe dans un fichier (à partir de Netscape 3.0 uniquement). Le code à insérer est le suivant:
<script language=Javascript src="url/fichier.js"> </script> Grâce aux évènements
On appelle évènement une action de l’utilisateur, comme le clic d’un des boutons de la souris. Le code dans le cas du résultat d’un événement s’écrit:
<balise eventHandler="code Javascript à insérer">
Les Variables
Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l’exécution du programme.
Les noms de variables sont sensibles à la casse (le Javascript fait la différence entre un
nom en majuscule et un nom en minuscules), il faut donc veiller à utiliser des noms
comportant la même casse!
La déclaration de variables : Le Javascript étant très souple au niveau de l’écriture (à double-tranchant car il laisse passer des erreurs…). la déclaration des variables peut se faire de deux façons: soit de façon explicite, en faisant précéder la variable du mot clé var qui permet d’indiquer de façon rigoureuse qu’il s’agit d’une variable:
var chaine="bonjour";
Types de données des variables
En Javascript il n’y a pas besoin de déclarer le type de variables que l’on utilise, contrairement à des langages évolués tels que le langage C ou le Java pour lesquels il faut préciser s’il s’agit d’entier (int), de nombre à virgule flottante (float), de caractères (char). En fait le Javascript n’autorise la manipulation que de 4 types de données:
· des nombres: entiers ou à virgules
· des chaînes de caractères (string): une suite de caractères
· des booléens: des variables à deux états permettant de vérifier une condition
· true: si le résultat est vrai
· false: lors d’un résultat faux
· des variables de type null: un mot caractéristique pour indiquer qu’il n’y a pas de
données
Les Opérateurs
Opérateurs arithmétiques JavaScript
Les opérateurs arithmétiques sont utilisés pour effectuer de l’arithmétique sur les nombres:
| Operator | Description |
|---|---|
| + | Addition |
| – | Subtraction |
| * | Multiplication |
| ** | Exponentiation (ES2016) |
| / | Division |
| % | Modulus (Division Remainder) |
| ++ | Increment |
| — | Decrement |
Opérateurs d’affectation JavaScript
Les opérateurs d’affectation attribuent des valeurs aux variables JavaScript.| Operator | Example | Same As |
|---|---|---|
| = | x = y | x = y |
| += | x += y | x = x + y |
| -= | x -= y | x = x – y |
| *= | x *= y | x = x * y |
| /= | x /= y | x = x / y |
| %= | x %= y | x = x % y |
| **= | x **= y | x = x ** y |
Les structures conditionnelles
On appelle structure conditionnelle les instructions qui permettent de tester si une condition est vraie ou non, ce qui permet de donner de l’interactivité à vos scripts par exemple.
L’instruction if
L’instruction if est la structure de test la plus basique, on la retrouve dans tous les langages (avec une syntaxe différente…). Elle permet d’exécuter une série d’instruction si jamais une condition est réalisée. La syntaxe de cette expression est la suivante:
if (condition réalisé) { liste d'instructions }
L’instruction if else
L’expression if else permet d’exécuter une autre série d’instruction en cas de non-réalisation de la condition.
La syntaxe de cette expression est la suivante:
if (condition réalisé) {
liste d'instructions
}else {
autre série d'instructions
}Les boucles
Les boucles sont des structures qui permettent d’exécuter plusieurs fois la même série
d’instructions jusqu’à ce qu’une condition ne soit plus réalisée.
La boucle for
L’instruction for permet d’exécuter plusieurs fois la même série d’instructions: c’est une boucle! La syntaxe de cette expression est la suivante:
for (compteur; condition; modification du compteur) { liste d'instructions } Par exemple: for (i=1; i<6; i++) { Alert(i) }
L’instruction while
L’instruction while représente un autre moyen d’exécuter plusieurs fois la même série d’instructions. La syntaxe de cette expression est la suivante:
while (condition réalisée) {
liste d'instructions
} Les fonctions
On appelle fonction un sous-programme qui permet d’effectuer un ensemble d’instruction par simple appel de la fonction dans le corps du programme principal.
La déclaration d’une fonction
Avant d’être utilisée, une fonction doit être définie car pour l’appeler dans le corps du programme il faut que le navigateur la connaisse, c’est-à-dire qu’il connaisse son nom, ses arguments et les instructions qu’elle contient. La définition d’une fonction s’appelle “déclaration”. La déclaration d’une fonction se fait grâce au mot clé function selon la syntaxe suivante:
function Nom_De_La_Fonction(argument1, argument2, ...) {
liste d'instructions
} Appel de fonction
Pour exécuter une fonction, il suffit de faire appel à elle en écrivant son nom (une fois de plus en respectant la casse) suivie d’une parenthèse ouverte (éventuellement des arguments) puis d’une parenthèse fermée:
Nom_De_La_Fonction(); Les Objets
Les objets JavaScript sont des conteneurs pour des valeurs nommées appelées propriétés ou méthodes. Les valeurs sont écrites sous forme de paires nom: valeur (nom et valeur séparés par deux points). Le type de donnée fondamentale de javascript est l’objet. Toute valeur dans javascript qui n’est pas une chaine, un nombre, true, false, null, ou undefined est un objet.
Exemple :
var person = {firstName:"John", lastName:"Doe", age:50};
