MEILLEUR SITE POUR LES DÉVELOPPEURS WEB

JS Tutoriel

JS MAISON JS Introduction JS Où aller JS Sortir JS Déclarations JS Syntaxe JS Commentaires JS Variables JS Let JS Const JS Opérateurs JS Arithmétique JS Devoir JS Types de données JS Fonctions JS Objets JS Événements JS Chaînes JS Méthodes de chaîne JS Recherché de chaîne JS Modèles de chaînes JS Nombres JS Méthodes numériques JS Tableaux JS Méthodes de tableau JS Tri de tableau JS Itération de tableau JS Const. de tableau JS Dates JS Formats de dates JS Méthodes d'obtention de date JS Méthodes de définition de dates JS Math JS Mathématiques JS Booléens JS Comparaisons JS If Else JS Switch JS Boucle For JS Boucle For In JS Boucle For Of JS Boucle While JS Break JS Itérables JS Ensembles JS Cartes JS Typeof JS Conversion de types JS Au niveau du bit JS RegExp JS Errors JS Portée JS Levage JS Mode strict JS this Mot clé JS Fonction flèche JS Cours JS Modules JS JSON JS Débogage JS Guide de style JS Meilleures pratiques JS Erreurs JS Performance JS Mots réservés

JS Versions

JS Versions JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021/2022 JS IE / Edge JS Histoire

JS Objets

Définitions d'objets Propriétés de l'objet Méthodes d'objet Affichage des objets Accesseurs d'objet Constructeurs d'objets Prototypes d'objets Itérables d'objet Ensembles d'objets Cartes d'objets Référence d'objet

JS Fonctions

Définitions des fonctions Paramètres de fonction Invocation de fonction Appel de fonction Fonction Appliquer Fonction Liaison Fermetures de fonctions

JS Cours

Introduction au cours Héritage de classe Classe statique

JS Asynchrone

JS Rappels JS asynchrone JS Promesses JS Async/Await

JS HTML DOM

DOM Intro DOM Méthodes DOM Document DOM Éléments DOM HTML DOM Formulaires DOM CSS DOM Animations DOM Événements DOM Écouteur d'événements DOM Navigation DOM Nœuds DOM Collections DOM Listes de nœuds

JS Browser BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS Web APIs

Web API Intro Formulaires Web API Historique Web API Stockage Web API Travailleur Web API Récupération Web API Géolocalisation Web API

JS AJAX

AJAX Intro AJAX XMLHttp AJAX Demande AJAX Réponse AJAX XML Déposer AJAX PHP AJAX ASP AJAX Base de données AJAX Applications AJAX Exemples

JS JSON

JSON Intro JSON Syntaxe JSON vs XML JSON Types de données JSON Analyser JSON Stringifier JSON Objets JSON Tableaux JSON Serveur JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery Sélecteurs jQuery HTML jQuery CSS jQuery DOM

JS Graphique

JS Graphique JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS Exemples

JS Exemples JS HTML DOM JS HTML Input JS HTML Objets JS HTML Événements JS Browser JS Éditeur JS Exercices JS Questionnaire JS Camp d'entraînement JS Certificat

JS Références

JavaScript Objets HTML DOM Objets

JavaScript. W3Schools en français. Cours pour débutants

En Ua Es De

JavaScript Déclarations


"Ayez le courage de suivre votre cœur et votre intuition.
Ils savent déjà ce que vous voulez vraiment devenir"

Steve Jobs


L'instruction est un élément de langage qui définit une description complète d'une action à effectuer. Chaque instruction est une phrase complète du langage de programmation et définit une certaine étape complète du traitement des données.


Exemple

let x, y, z;    // Déclaration 1
x = 5;          // Déclaration 2
y = 6;          // Déclaration 3
z = x + y;      // Déclaration 4
Try it Yourself »

Programmes JavaScript

Un programme informatique est une liste d'"instructions" qui doivent être "exécutées" par un ordinateur.

Dans un langage de programmation, ces instructions de programmation sont appelées instructions.

Un programme JavaScript est une liste d'instructions de programmation.

En HTML, les programmes JavaScript sont exécutés par le navigateur Web.


Déclarations JavaScript

Les instructions JavaScript sont composées de :

Valeurs, opérateurs, expressions, mots clés et commentaires.

Cette instruction indique au navigateur d'écrire "Hello Dolly." à l'intérieur d'un élément HTML avec id="demo":

Exemple

document.getElementById("demo").innerHTML = "Hello Dolly.";
Try it Yourself »

La plupart des programmes JavaScript contiennent de nombreuses instructions JavaScript.

Les instructions sont exécutées une par une, dans le même ordre qu'elles ont été écrites.

Les programmes JavaScript (et les instructions JavaScript) sont souvent appelés code JavaScript.


Points-virgules JavaScript ;

Des points-virgules séparent les instructions JavaScript.

Ajoutez un point-virgule à la fin de chaque instruction exécutable :

Exemples

let a, b, c;  // Déclarez 3 variables
a = 5;        // Attribuez la valeur 5 à un
b = 6;        // Attribuez la valeur 6 à b
c = a + b;    // Attribuer la somme de a et b à c
Try it Yourself »

Lorsqu'elles sont séparées par des points-virgules, plusieurs instructions sur une même ligne sont autorisées :

a = 5; b = 6; c = a + b;
Try it Yourself »

Sur le Web, vous verrez peut-être des exemples sans point-virgule.
La fin des instructions par un point-virgule n'est pas obligatoire, mais fortement recommandée.


Espace blanc JavaScript

JavaScript ignore les espaces multiples. Vous pouvez ajouter un espace blanc à votre script pour le rendre plus lisible.

Les lignes suivantes sont équivalentes :

let person = "Hege";
let person="Hege";

Une bonne pratique consiste à créer des espaces autour des opérateurs ( = + - * / ):

let x = y + z;

Longueur de ligne JavaScript et sauts de ligne

Pour une meilleure lisibilité, les programmeurs aiment souvent éviter les lignes de code de plus de 80 caractères.

Si une instruction JavaScript ne tient pas sur une seule ligne, le meilleur endroit pour la couper est après un opérateur :

Exemple

document.getElementById("demo").innerHTML =
"Hello Dolly!";
Try it Yourself »

Blocs de code JavaScript

Les instructions JavaScript peuvent être regroupées dans des blocs de code, entre accolades {...}.

Le but des blocs de code est de définir des instructions à exécuter ensemble.

Vous trouverez des instructions regroupées en blocs dans les fonctions JavaScript :

Exemple

function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "Comment vas-tu?";
}
Try it Yourself »

Dans ce tutoriel, nous utilisons 2 espaces d'indentation pour les blocs de code.
Vous en apprendrez plus sur les fonctions plus loin dans ce tutoriel.


JavaScript Mots-clés

Les instructions JavaScript commencent souvent par un mot-clé pour identifier l'action JavaScript à effectuer.

Notre Référence des mots réservés répertorie tous les mots-clés JavaScript.

Voici une liste de certains des mots-clés que vous découvrirez dans ce didacticiel :

Mot clé Description
var Déclare une variable
let Déclare une variable de bloc
const Déclare une constante de bloc
if Marque un bloc d'instructions à exécuter sous une condition
switch Marque un bloc d'instructions à exécuter dans différents cas
for Marquer un bloc d'instructions à exécuter en boucle
function Déclarer une fonction
return Quitter une fonction
try Implémente la gestion des erreurs dans un bloc d'instructions

Les mots-clés JavaScript sont des mots réservés. Les mots réservés ne peuvent pas être utilisés comme noms de variables.



Commentaires