Tutoriel JavaScript

JS ACCUEIL Présentation de JS JS Où aller Sortie JS Déclarations JS Syntaxe JS Commentaires JS Variables JS JS Let Const JS Opérateurs JS Arithmétique JS Affectation JS Types de données JS Fonctions JavaScript Objets JS Événements JS Chaînes JS Méthodes de chaîne JS Recherche de chaîne JS Modèles de chaîne JS Numéros JS Méthodes de nombre JS Tableaux JS Méthodes de tableau JS Tri de tableau JS Itération de tableau JS Const tableau JS Dates JS Formats de date JS Méthodes d'obtention de date JS Méthodes de définition de date JS JS Mathématiques JS Aléatoire Booléens JS Comparaisons JS Conditions JS Commutateur JS Boucle JS pour Boucle JS pour dans Boucle JS pour de Boucle JS pendant Pause JS Itérables JS Ensembles JS Cartes JS Type de JS Conversion de type JS JS au niveau du bit JS RegExp Erreurs JS Portée JS JS Levage Mode JS strict JS ce mot clé Fonction flèche JS Cours JS JSJSON Débogage JS Guide de style JS Meilleures pratiques JS Erreurs JS Performances JS Mots réservés JS

Versions JavaScript

Versions JavaScript JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Historique JS

Objets JS

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

Fonctions JavaScript

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

Cours JS

Introduction de classe Héritage de classe Classe Statique

JS asynchrone

Rappels JS JS asynchrone JS promet JS asynchrone/en attente

JS HTML DOM

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

Nomenclature du navigateur JS

Fenêtre JS Écran JavaScript Emplacement JS Historique JS Navigateur JS Alerte contextuelle JS Calendrier JS Cookies JavaScript

API Web JS

Présentation de l'API Web API des formulaires Web API d'historique Web API de stockage Web API de travail Web API de récupération Web API de géolocalisation Web

JS AJAX

Introduction à AJAX AJAX XMLHttp Requête AJAX Réponse AJAX Fichier XML AJAX PHP AJAX ASP AJAX Base de données AJAX Applications AJAX Exemples AJAX

JSJSON

Présentation JSON Syntaxe JSON JSON contre XML Types de données JSON Analyse JSON Chaîne JSON Objets JSON Tableaux JSON Serveur JSON JSON PHP HTML JSON JSON JSONP

JS contre jQuery

Sélecteurs jQuery jQuery HTML jQuery CSS jQuery DOM

Graphiques JS

Graphiques JS Canevas JS JS Complot JS Chart.js Graphique Google JS JS D3.js

Exemples JS

Exemples JS JS HTML DOM Entrée HTML JS Objets HTML JS Événements HTML JS Navigateur JS Éditeur JavaScript Exercices JS Questionnaire JS Certificat JS

Références JavaScript

Objets JavaScript Objets DOM HTML


Syntaxe JavaScript

La syntaxe JavaScript est l'ensemble des règles, comment les programmes JavaScript sont construits :

// How to create variables:
var x;
let y;

// How to use variables:
x = 5;
y = 6;
let z = x + y;

Valeurs JavaScript

La syntaxe JavaScript définit deux types de valeurs :

  • Valeurs fixes
  • Valeurs variables

Les valeurs fixes sont appelées Literals .

Les valeurs variables sont appelées Variables .


Littéraux JavaScript

Les deux règles de syntaxe les plus importantes pour les valeurs fixes sont :

1. Les nombres s'écrivent avec ou sans décimales :

10.50

1001

2. Les chaînes sont du texte, écrit entre guillemets doubles ou simples :

"John Doe"

'John Doe'


Variables JavaScript

Dans un langage de programmation, les variables sont utilisées pour stocker des valeurs de données.

JavaScript utilise les mots clés varet letpour déclarerconst les variables.

Un signe égal est utilisé pour attribuer des valeurs aux variables.

Dans cet exemple, x est défini comme une variable. Ensuite, x est affecté (donné) la valeur 6 :

let x;
x = 6;

Opérateurs JavaScript

JavaScript utilise des opérateurs arithmétiques ( + - * /) pour calculer les valeurs :

(5 + 6) * 10

JavaScript utilise un opérateur d'affectation ( =) pour affecter des valeurs aux variables :

let x, y;
x = 5;
y = 6;

Expressions JavaScript

Une expression est une combinaison de valeurs, de variables et d'opérateurs, qui calcule une valeur.

Le calcul s'appelle une évaluation.

Par exemple, 5 * 10 est évalué à 50 :

5 * 10

Les expressions peuvent également contenir des valeurs variables :

x * 10

Les valeurs peuvent être de différents types, tels que des nombres et des chaînes.

Par exemple, "John" + " " + "Doe", est évalué à "John Doe":

"John" + " " + "Doe"

Mots-clés JavaScript

Les mots- clés JavaScript sont utilisés pour identifier les actions à effectuer.

Le mot- letclé indique au navigateur de créer des variables :

let x, y;
x = 5 + 6;
y = x * 10;

Le mot- varclé indique également au navigateur de créer des variables :

var x, y;
x = 5 + 6;
y = x * 10;

Dans ces exemples, l'utilisation var de ou letproduira le même résultat.

Vous en apprendrez plus sur var et letplus tard dans ce didacticiel.


Commentaires JavaScript

Toutes les instructions JavaScript ne sont pas "exécutées".

Le code après les doubles barres obliques //ou entre /*et */est traité comme un commentaire .

Les commentaires sont ignorés et ne seront pas exécutés :

let x = 5;   // I will be executed

// x = 6;   I will NOT be executed

Vous en apprendrez plus sur les commentaires dans un chapitre ultérieur.


Identifiants / Noms JavaScript

Les identifiants sont des noms JavaScript.

Les identificateurs sont utilisés pour nommer des variables et des mots-clés, et des fonctions.

Les règles pour les noms légaux sont les mêmes dans la plupart des langages de programmation.

Un nom JavaScript doit commencer par :

  • Une lettre (AZ ou az)
  • Un signe dollar ($)
  • Ou un trait de soulignement (_)

Les caractères suivants peuvent être des lettres, des chiffres, des traits de soulignement ou des signes dollar.

Noter

Les chiffres ne sont pas autorisés comme premier caractère dans les noms.

De cette façon, JavaScript peut facilement distinguer les identifiants des nombres.


JavaScript est sensible à la casse

Tous les identifiants JavaScript sont sensibles à la casse

Les variables lastNameet lastname, sont deux variables différentes :

let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";

JavaScript n'interprète pas LET ou Let comme le mot-clé let .


JavaScript et Camel Case

Historiquement, les programmeurs ont utilisé différentes manières de joindre plusieurs mots en un seul nom de variable :

Traits d'union :

prénom, nom, master-card, inter-ville.

Les tirets ne sont pas autorisés en JavaScript. Ils sont réservés aux soustractions.

Souligner:

first_name, last_name, master_card, inter_city.

Boîtier Camel supérieur (boîtier Pascal) :

Prénom, Nom, MasterCard, InterCity.

Boîtier Camel inférieur :

Les programmeurs JavaScript ont tendance à utiliser la casse camel qui commence par une lettre minuscule :

firstName, lastName, masterCard, interCity.


Jeu de caractères JavaScript

JavaScript utilise le jeu de caractères Unicode .

Unicode couvre (presque) tous les caractères, ponctuations et symboles du monde.

Pour un examen plus approfondi, veuillez étudier notre Référence Unicode complète .