Ajout d'exemple en code pour les variables js

This commit is contained in:
2021-11-26 10:42:24 +01:00
parent f1da014f22
commit fab35eeddc
2 changed files with 55 additions and 3 deletions

View File

@@ -0,0 +1,65 @@
<center><h2>Exemples pour Javascript</h2><img src="../../../assets/img/js.png" width="100px"></center>
<details open="open"><summary>Notions</summary>
<ul>
<li><a href="#example-variables">Variables</a></li>
<li><a href="#example-constantes">Constantes</a></li>
</ul>
</details>
> Vous trouverez ici-même les différents exemples pour les notions vu dans le chapitre 1.
---
#### Exemple de variables<a name="example-variable"></a>
```js
// {let/var} {nomVariable} (= valeur)
let str = "my String";
let float = 1.92;
let int = 2;
let bool = true;
let arr = [1, 2, 3];
let str1, str2, str3;
```
La déclaration de variable en <img src="../../../assets/img/js.png" width="20px"> **javascript** est très simple, comme vous pouvez le voir dans la **1ere** ligne, pour déclarer il vous faudra respecter un syntaxe précise.
> Premièrement, un **mot-clé** est présent en <u>_début de ligne_</u>, il est là pour préciser l'action que nous faisons, dans le cas présent déclarer une variable. Ici, nous avons **`let`** et **`var`** qui sont les mots-clés valide. Pour aller plus loin vous pouvez voir la [différence entre let et var](#diff-let-var) à la fin.
> En second temps, nous pouvons voir **`nomVariable`**, celui-ci est libre, tant qu'il *respect quelques règles*. Une variable <u>n'accepte pas les espaces</u>. Elle doivent <u>commencer uniquement par un `lettre`, `$` ou</u> `_`. Sans oublier qu'elle doit être <u>unique</u>
> Ensuite, vous avez le choix **d'attribuer une valeur** ou non. Si vous *souhaitez attribuer* une valeur, un simple `=` permet de dire que l'on assigne une valeur à la variable, suivi de la valeur, dépendante du [type de données](../../../../Types.md) souhaité. Si vous *ne souhaitez pas assigner* de valeur dans l'immédiat vous pouvez simplement passé à la ligne suivante de votre programme.
Vous savez désormais déclarer une variable en <img src="../../../assets/img/js.png" width="20px"> **javascript**, rendez- sur les prochains exemples pour apprendre la déclaration des **constantes**. Vous pouvez jeter un oeil sur les [examples](./variables.js) en code.
---
#### Exemple de constantes<a name="example-constantes"></a>
```js
// {const} {nomConstante} = {valeur}
const Str = "my constante";
const Float = 1.28;
const Int = 4;
const Bool = false;
const Arr = ["valeur1", "valeur2", "valeur3"];
```
En <img src="../../../assets/img/js.png" width="20px"> **javascript**, nous avons la possibilité d'utiliser des constantes, qui possède aussi une syntaxe à connaitre. Cette syntaxe est structuré comme sur le **1ere** ligne.
> Tout comme pour les variables, vous devez utiliser un **mot-clé**, celui-ci est unique pour les constantes *javascript*, il s'agit de **`const`**.
> Ensuite, vous devez entrer **`nomConstante`**, qui correspond simplement au nom que vous donnerez à votre constante. Ce nom respect les mêmes normes que les [variables](#example-variables).
> Pour finir, vous devez **atribuer une valeur** cela se fait après le symbole **`=`** et devez vous baser sur les [types de données](../../../../Types.md) pour choisir la valeur que vous souhaitez utiliser.
Vous pouvez aller voir des [exemples](./constantes.js), pour mieux comprendre leur utilisation et subilités.
Félictation, vous savez dès à présent déclarer des constantes en **javascript**. Vous pouvez réaliser les [exercices]() suivant afin de vous entrainer et vérifier que vous avez bien compris les notions.
---
#### Exercises
##### Comming soon...

View File

@@ -0,0 +1,44 @@
// Vous trouverez ici, des exemples sur les variables
let str = "my string";
let float = 1.64;
let int = 4;
var bool = true;
var arr = [1, 2, 3];
console.log(str); // Renvoi my string
console.log(float); // Renvoi 1.64
console.log(int); // Renvoi 4
console.log(bool); // Renvoi true
console.log(arr); // Renvoi [1, 2, 3]
// Essayons de réutiliser un nom de variables
let str = "new string";
console.log(str); // Renvoi new string
// Ceci est possible car nous utilisons une variables
// Vous pouvez aussi changer la valeur d'un variable de la sorte
str = "new string";
// Pour aller plus loin avec les variables
function add(a, b) {
if (a && b) {
let result = a + b;
}
console.log(result); // Ne renvoie rien car let a une porté de bloc
}
function sub(a, b) {
if (a && b) {
var result = a - b;
}
console.log(result); // Renvoi la valeur de a - b, car var a une porté de fonction
}