1. Acceuil
  2. Cours
  3. Cours JavaScript
  4. Introduction au JavaScript

Introduction au JavaScript

Définition

Le JavaScript est un langage "client". I.E contrairement au PHP il ne nécessite pas de serveur pour interpréter un résultat. Il est implanté nativement sur tous les navigateurs ainsi vous pouvez exécuter vos propres fonctions JavaScipt grâce aux consoles de débogage F12 ou ctrl + maj + I

Pour réaliser du JavaScript on utilise les balise <script/>

les variables

Pour déclarer une variable, on utilise les mots clefs var ou let

Il existe différents types de variables

  • NUMERIC

    il s'agit à la fois des valeurs décimales héxadécimales, octales entières ou flottantes

  • Les boolèens

    il s'agit de variables pouvant valoir TRUE ou FALSE (0 ou 1)

  • Les chaines de caractères

    Se sont toutes les valeurs textuelles alphanumériques encadrées par des guillemets ou des apostrophes.

  • Les objets

    Elements indispensables dans la réalisation d'un projet en JavaScript. Un objet est une structure issue d'une classe. Attention l'implémentation des classes en JavaScript diffère grandement des autres langages.

Il faut noter que contrairement au C# au C ou au Java, le JavaScript est faiblement typé ce qui signifie qu'une variable peut changer de type en cours d'instruction

La portée

Comme pour tout langage, les variables possèdent une portée. (I.E elles ne sont pas forcement accèssibles à tout les endroit du code

portée globale

Une variable en portée globale est accèssible à tous les endroits du code

  • Var _mavariable="test";
  • console.log("hors fonction, ma variable vaut : "+_mavariable)
  • function fonc1(){
    • console.log("dans la fonction, ma variable vaut : "+_mavariable)
  • }
  • fonc1();

Le navigateur va afficher ceci

"hors fonction, ma variable vaut test";
"dans la fonction, ma variable vaut test";

portée locale

Une variable en portée locale est accèssible dans la fonction dans laquelle elle a été déclarée

  • function fonc1(){
    • Var _mavariable="test";
    • console.log("dans la fonction, ma variable vaut : "+_mavariable)
  • }
  • fonc1();
  • console.log("hors fonction, ma variable vaut : "+_mavariable)

Le navigateur va afficher ceci

"hors fonction, ma variable vaut test";
"dans la fonction, ma variable vaut undefined";

Affichage standard

Il existe plusieurs façons d'afficher du texte

  • via le D.O.M que nous verrons plus tard
  • la méthode document.write()qui n'est plus utilisée
  • la méthode alert()

document.write

Cette méthode n'est plus utilisée, elle consiste à réécrire sur le document le texte passé en paramètre

  • document.write("mon nouveau texte");

Dans cet exemple le contenu de la page va être remplacée par "mon nouveau texte". La méthode document.write interprete aussi l'HTML

  • document.write("mon nouveau texte en caractère <b>gras</b>");

alert()

Cette méthode va faire apparaître un popup avec le message en paramètre

  • alert("mon nouveau texte");

Cliquer pour voir

Partager