Différences entre versions de « Technologies avancées du eLearning 2/TOUT ce qu'il y a à savoir »

Version du 27 novembre 2018 à 18:11

Dans ce qui suit :

élément javascript à savoir

complément d'information

Variable et type

Dès qu'on a besoin de conserver une valeur on va créer une variable (qui est comme une boite à laquelle on a donné un nom)

En javascript: var nomVar ;

Toute variable a un type, qui décide de la manière dont le système va traiter l'information.

En javascript, on peut demander le type d'une variable : typeof nomVar ;. (réponses possibles cf. diapo 9)

Quand une variable n'a pas le type attendu par le système, javascript va automatiquement essayer de transtyper^[1] l'une des variables. Par conséquent, vous devez TOUJOURS savoir quel type de variable vous manipulez.

Opérateurs

Javascript définit un ensemble d'opérateurs qui prennent deux opérandes et renvoient une valeur.

Affectation

coteGauche = coteDroit;

le coteGauche doit être une variable ;
le coteDroit est une constante (si c'est une variable ou une expression, la valeur est récupérée/calculée et renvoyée)^[2].

Opérateurs arithmétiques

Les opérateurs suivants prennent des nombres (Number) en entrée et renvoient un nombre :

+ → addition var num = 1 + 4 ; // num vaut 5 ;
- → soustraction var num = 3 - 2 ; // num vaut 1 ;
* → multiplication var num = 2 * 4 ; // num vaut 8 ;
/ → division var num = 4 / 2 ; // num vaut 2 ;
% → reste de la division entière var num = 3 % 2 ; // num vaut 1.

Opérateur de concaténation

L'opérateur suivant prend une chaine de caractère (String) en entrée et renvoie une chaine de caractère^[3] :

+ → concaténation var phrase = "Bonjour"+ " " + "tout le monde" ; // phrase vaut "Bonjour tout le monde".

Opérateurs booléens

Les opérateurs suivants prennent des booléens (Boolean) en entrée et renvoient un booléen :

|| → ou logique var booleen = true || false ; // booleen vaut true ;
&& → et logique var booleen = true && false ; // booleen vaut false ;
! → non logique var booleen = !false ; // booleen vaut true.

Les opérateurs suivants prennent n'importe quels types en entrée et renvoie un booléen<ref>Attention au transtypage (cf. diapo 12) :

→ test d'égalité var booleen = 1 == 2 ; // booleen vaut false ;
→ test de différence var booleen = "1" != "2" ; // booleen vaut true ;

Notes et références

↑ convertir une variable d'un type à un autre

↑ Quand une variable contient un objet, on ne copie pas la valeur mais une référence vers l'objet. Cela veut dire que :

class objet{
  constructor(entier){
    this.val=entier;
  }
  mod(entier){
    this.val=entier;
  }
}
var obj1 = new objet(22),
    obj2 = obj1;
obj2.mod(35) ;
console.log(obj1); // affiche Object { val: 35 }

// mais
var int1 = 22,
    int2 = int1;
int2 = 35 ;
console.log(int1); // affiche 22

↑ Attention, il suffit d'une opérande String pour que + transtype l'autre.

[1] vertir une variable d'un type à un autre

[2] Quand une variable contient un objet, on ne copie pas la valeur mais une référence vers l'objet. Cela veut dire que :
class objet{ constructor(entier){ this.val=entier; } mod(entier){ this.val=entier; } } var obj1 = new objet(22), obj2 = obj1; obj2.mod(35) ; console.log(obj1); // affiche Object { val: 35 } // mais var int1 = 22, int2 = int1; int2 = 35 ; console.log(int1); // affiche 22

[3] Attention, il suffit d'une opérande String pour que + transtype l'autre.

[1]

[2]

[3]

@@ Ligne 53 : / Ligne 53 : @@
 === Opérateur de concaténation ===
 L'opérateur suivant prend une chaine de caractère (<syntaxhighlight inline lang="javascript">String</syntaxhighlight>) en entrée et renvoie une chaine de caractère<ref>Attention, il suffit d'une opérande <syntaxhighlight inline lang="javascript">String</syntaxhighlight> pour que {{code|+}} transtype l'autre.</ref> :
-<syntaxhighlight inline lang="javascript">var phrase = "Bonjour"+ " " + "tout le monde" ; // phrase vaut "Bonjour tout le monde"</syntaxhighlight>
+* {{code|+}} → concaténation <syntaxhighlight inline lang="javascript">var phrase = "Bonjour"+ " " + "tout le monde" ; // phrase vaut "Bonjour tout le monde"</syntaxhighlight>.
 === Opérateurs booléens ===

Cours