Javascript

1
Javascript

• Chapitre 2
• Les bases du langage

2
Chapitre 2 Les bases du langage

• La structure du langage
• Les variables
• Les types de données
• Les opérateurs
• Les structures conditionnelles
• Les fonctions
• Les objets Javascript

3
1) La structure du langage

• !!!!! Javascript ? Java !!!!!!!
• Ce sont des langages orientés objet très
  proches dans leur
• syntaxe mais pourtant différents. Les
  fonctionnalités de
• Javascript sont plus restraintes que celles
  de Java.
• Les lignes de texte sont organisées en
  instructions, blocs dinstructions et
  commentaires.
• Les instructions sont des lignes de code
  contenant une succession de symboles et dobjets.
• Chaque ligne de code correspond à une instruction
  et il est recommandé de séparer les instruction
  par des
• var a
• bBonjour

4

• Les groupes dinstructions qui sont placés entre
  sont appelés blocs dinstructions et sont
  utilisés par exemple dans la déclaration de
  fonctions ou de blocs conditionnels.
• if (a1)
• a
• window.alert(a)
• Les commentaires sont des lignes de code qui ne
  seront pas interprétées par le navigateur. Elles
  sont délimitées par les caractères // pour un
  commentaire sur une seule ligne sinon par / et
  /.
• var a // Commentaire sur
  une seule ligne
• / Commentaire plus long qui
  couvre plusieurs
• lignes /

5
2) Les variables

• Les variables sont employées pour stocker de
  linformation dans des scripts sous forme de noms
  que lon peut réutiliser pour manipuler cette
  information.
• Les variables peuvent être déclarées de deux
  manières différentes
• - avec linstruction var var a
• - en leur assignant directement une valeur
  bBonjour
• Javascript est un langage sensible à la casse et
  le nom des variables doit commencer par une
  lettre, _ ou et doit contenir exclusivement
  des lettres, des chiffres, _ ou .
• Contrairement à de nombreux langages de
  programmation, Javascript ne nécessite pas de
  déclaration de type pour ses variables.

6
3) Les types de données

• Les chaînes de caractères Bonjour
• Les nombres entiers (12), décimaux (123.678) ou
  déclarés dans une base différente (077 représente
  63 en base octale)
• Les booléens donnée qui peut prendre les
  valeurs true ou false
• Le type null indique un appel à une variable ou
  un objet non déclaré
• Le type undefined valeur par défaut assignée à
  une variable déclarée mais à laquelle aucune
  valeur na été assignée.

7
4) Les opérateurs

• Les opérateurs de calcul
• - / pour les opérations classiques
• pour modulo
• pour lincrémentation
• -- pour la décrémentation
• a a 1 donne le même résultat que
• a

8

• Les opérateurs logiques
• ! pour le NON, le ET et le OU
  logique
• lt gt lt gt ! pour comparer
  des nombres
• ? pour lopérateur conditionnel
• ! pour comparer des tableaux, des
  chaînes de caractères
• a b ( c0 ) ? 1 c donne le même
  résultat que
• if ( c0 )
• a b 1
• else
• a b c

9

• Les opérateurs dassignation
• assignation directe
• assignation après addition
• ?? assignation après soustraction
• assignation après multiplication
• / assignation après division.
• a b donne le même résultat que
• a a b

10

• Les opérateurs divers
• delete pour supprimer une propriété ou un
  élément
• typeof pour déterminer le type dune
  expression
• void pour évaluer une expression et
  retourner undefined.
• Nous ne parlerons pas des opérateurs de bits dans
  ce cours car
• ils sont réservés à des utilisation très
  spécialisées.

11

• Priorité des opérateurs
• .
• -- !
• /
• -
• lt lt gt gt
• ! !
• ?
• ?? /

12
5) Les structures conditionnelles

• if ( condition ) instruction
• if ( condition ) instruction1
• else instruction2
• while ( condition )
• instructions
• do instruction
• while ( condition )

13

• for ( compteur condition mise à jour )
• instruction
• for ( item in objet )
• instruction
• switch ( variable )
• case 0
• instructions
• break
• case 1
• instructions
• break
• break permet de sortir d'une boucle alors que
  continue permet de stopper l'exécution d'un
  bloc d'instructions pendant une itération.

14
6) Les fonctions

• Lorsque dans un programme on doit effectuer
  souvent les mêmes instructions, il est recommandé
  de créer une fonction avec ces instructions
• Les données que la fonction devra manipuler sont
  appelées paramètres et doivent être insérés comme
  suit
• function mafonction (param1, param2)
• ? nom de
  ? paramètres séparés
• ma fonction
  par des ,
• function bonjour ( nom )
• window.alert ("Bonjour, " nom " ! "
  )
• voir l'exemple

15

• Les fonctions sont donc des blocs d'instructions
  que l'on appelle directement par leur nom. On
  appellera méthode toute fonction qui est une
  propriété d'un objet. Pour faire appel à une
  méthode d'un objet
• objet.methode( )
• Les noms de fonctions Javascript doivent toujours
  commencer par une lettre et ne doivent contenir
  que des lettres, des chiffres ou des _, et ils
  sont sensibles à la casse.
• La récursivité est un principe de programmation
  important il s'agit de faire appel à une
  fonction à l'intérieur même de celle-ci
• function factoriel(nbre)
• if ( nbre 1 ) return 1
• else return nbrefactoriel( nbre-1 )
• voir l'exemple

16
7) Les objets Javascript

• Javascript dispose de plusieurs objets qui font
  partie intégrante du langage
• l'objet String qui représente une chaîne de
  caractère
• l'objet Array qui représente un tableau
• l'objet Math qui donne accès à des fonctions
  mathématiques
• l'objet Date qui permet de manipuler la date.
• Il est aussi possible de créer des objets propres
  en Javascript et nous connaissons déjà les objets
  du navigateur.

17

• L'objet String
• Propriété
• length retourne la longueur de la chaîne de
  caractères
• Méthodes
• anchor( ) formate la chaîne avec la balise ltAgt
  nommée
• b( ) formate la chaîne avec la balise ltBgt
• big( ) formate la chaîne avec la balise ltBIGgt
• charAt( ) renvoie le caractère se trouvant à
  une certaine position
• charCodeAt( ) renvoie le code du caractère se
  trouvant à une certaine position
• concat( ) permet de concaténer 2 chaînes de
  caractères
• fromCharCode( ) renvoie le caractère associé au
  code
• indexOf( ) permet de trouver l'indice
  d'occurrence d'un caractère dans une chaîne

18

• italics( ) formate la chaîne avec la balise
  ltIgt
• lastIndexOf( ) permet de trouver le dernier
  indice d'occurrence d'un caractère
• link( ) formate la chaîne avec la balise ltAgt
  pour permettre de faire un lien
• slice( ) retourne une portion de la chaîne
• substr( ) retourne une portion de la chaîne
• substring( ) retourne une portion de la chaîne
• toLowerCase( ) permet de passer toute la chaîne
  en minuscule
• toUpperCase( ) permet de passer toute la chaîne
  en majuscules

19

• L'objet Array
• Propriété
• length retourne le nombre d'éléments du
  tableau
• Méthodes
• concat( ) permet de concaténer 2 tableaux
• join( ) converti un tableau en chaîne de
  caractères
• reverse( ) inverse le classement des éléménts
  du tableau
• slice( ) retourne une section du tableau
• sort( ) permet le classement des éléments du
  tableau

20

• L'objet Math
• Propriétés
• E renvoie la valeur de la constante d'Euler
  (2.718)
• LN2 renvoie le logarithme népérien de 2
  (0.693)
• LN10 renvoie le logarithme népérien de 10
  (2.302)
• LOG2E renvoie le logarithme en base 2 de e
  (1.442)
• LOG10E renvoie le logarithme en base 10 de e
  (0.434)
• PI renvoie la valeur du nombre pi (3.14159)
• SQRT1_2 renvoie 1 sur racine carrée de 2
  (0.707)
• SQRT2 renvoie la racine carrée de 2 (1.414)

21

• Méthodes
• abs( ), exp( ), log(), sin( ), cos( ), tan( ),
  asin( ), acos( ), atan( ), max( ), min( ), sqrt(
  ) sont les opérations mathématiques habituelles
• atan2( ) retourne la valeur radian de l'angle
  entre l'axe des abscisses et un point
• ceil( ) retourne le plus petit entier supérieur
  à un nombre
• floor( ) retourne le plus grand entier
  inférieur à un nombre
• pow( ) retourne le résultat d'un nombre mis à
  une certaine puissance
• random( ) retourne un nombre aléatoire entre 0
  et 1
• round( ) arrondi un nombre à l'entier le plus
  proche.

22

• L'objet Date
• Propriété aucune
• Méthodes
• getFullYear( ), getYear( ), getMonth( ), getDay(
  ), getDate( ), getHours( ), getMinutes( ),
  getSeconds( ), getMilliseconds( ) retournent
  respectivement l'année complète, l'année
  (2chiffres), le mois, le jour de la semaine, le
  jour du mois, l'heure, les minutes, les secondes
  et les millisecondes stockés dans l'objet Date
• getUTCFullYear( ), getUTCYear( ), retournent
  respectivement l'année complète, l'année
  (2chiffres), stockés dans l'objet Date en temps
  universel
• setFullYear( ), setYear( ), remplacent
  respectivement l'année complète, l'année
  (2chiffres), dans l'objet Date

23

• setUTCFullYear( ), setUTCYear( ), remplacent
  l'année complète, l'année (2chiffres), dans
  l'objet Date en temps universel
• getTime( ) retourne le temps stocké dans
  l'objet Date
• getTimezoneOffset( ) retourne la différence
  entre l'heure du client et le temps universel
• toGMTString( ), toLocaleString( ), toUTCString( )
  convertissent la date en chaîne de caractère
  selon la convention GMT, selon la convention
  locale ou en temps universel

24

• Les fonctions et méthodes générales
• Fonctions
• escape( ) convertit les caractères non ASCII
  d'une chaîne de caractére
• eval( ) évalue une expression
• isFinite( ) détermine si un nombre est fini
• isNaN( ) détermine si une valeur est un nombre
• parseInt( ) convertit une chaîne de caractère
  en nombre entier
• parseFloat( ) convertit une chaîne de caractère
  en nombre décimal
• unescape( ) reconvertit une chaîne de caractère
  après une opération escape( )

25

• Méthodes
• toString( ) convertit un objet en chaîne de
  caractère
• valueOf( ) retourne la valeur d'un objet