English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutoriel de base JavaScript

Objet JavaScript

Fonction JavaScript

DOM HTML JavaScript

BOM du navigateur JavaScript

Tutoriel de base AJAX

Manuel de référence JavaScript

Syntaxe JavaScript

La syntaxe de JavaScript est un ensemble de règles définissant un programme JavaScript correctement structuré.

Variables JavaScript

Dans une langue de programmation, une variable est utilisée pour stocker des valeurs de données.

Les variables dans le JavaScript standard n'ont pas de type supplémentaire, toute valeur peut être stockée dans toute variable.

Il est possible d'utiliserletouvarouconstdéclarer une variable (pour les constantes immuables).

L'égale (=) est utilisée pour affecter une valeur à une variable.

Dans cet exemple,numest défini comme une variable. Ensuite, pournumAffectation20 :

var num;
num = 20;
Testez pour voir‹/›

Opérateurs JavaScript

JavaScript utilise les opérateurs arithmétiques (+ - * /) pour calculer la valeur.

(20 + 30) * 10
Testez pour voir‹/›

JavaScript utilise l'opérateur d'affectation (=) pour assigner une valeur à une variable.

var x = 20;
var y = 30;
var z = x + y;
Testez pour voir‹/›

Vous découvrirez plus d'informations sur les opérateurs plus tard dans ce tutoriel.

Identifiant JavaScript

Le nom des variables, des fonctions ou des attributs est appelé en JavaScriptIdentificateur.

Comme pour toute autre langue de programmation, JavaScript conserve certains identifiants pour son usage propre.

JavaScript conserve également certains mots-clés, qui ne sont pas utilisés dans la version actuelle du langage mais qui seront utilisés dans des extensions futures.

Les identifiants JavaScript doivent commencer par une lettre, un trait de soulignement (_) ou un symbole dollar ($).

Les caractères suivants peuvent être des lettres, des chiffres, des traits de soulignement ou des symboles dollar (les chiffres ne peuvent pas être utilisés comme premier caractère pour que JavaScript puisse distinguer facilement les identifiants des nombres).

Commentaires JavaScript

Les commentaires ne sont qu'une ligne de texte, le correcteur JavaScript ignore cette ligne complètement.

Les commentaires sont généralement ajoutés pour fournir des informations supplémentaires concernant le code source.

JavaScript prend en charge les commentaires en une ligne et en plusieurs lignes.

Les commentaires en une ligne commencent par deux barres obliques (//) commencent, suivis du texte du commentaire.

// document.write("Hello World");
Testez pour voir‹/›

et les commentaires multilignes commencent par une barre oblique et une étoile (/*) commence, suivi d'une étoile et d'une barre oblique (*/) est terminé.

/*
document.write("Hello World<br>");
document.write("Hello World<br>");
document.write("Hello World<br>");
document.write("Hello World");
*/
Testez pour voir‹/›

Vous découvrirez plus d'informations sur les commentaires dans la partie suivante de ce tutoriel.

JavaScript est sensible à la casse

Tous les identifiants JavaScript sont sensibles à la casse.

Les variables myVariable et myvariable sont deux variables différentes :

var myVariable = 1;
var myvariable = 2;
Testez pour voir‹/›

JavaScript et camelCase

Les conventions des identifiants JavaScript consistent à utiliser camelCase (nom en majuscules et minuscules), ce qui signifie que le premier mot est en minuscules, mais chaque mot suivant commence par une majuscule.

getElementById();
firstElementChild;
textContent;
innerHTML;
Testez pour voir‹/›

Vous pourriez également voir des variables globales ou des constantes écrites en majuscules.

Indentation JavaScript

Techniquement, un programme complet JavaScript peut être écrit sur une ligne.

Mais, cela deviendra rapidement difficile à lire et à maintenir. Au lieu de cela, nous utilisons généralement des retours chariot et de l'indentation pour faciliter la maintenance et la lecture.

C'est une condition if / Exemple d'instruction else, elle peut être écrite en ligne ou avec un retour chariot et une indentation.

 // Instruction conditionnelle sur une ligne
 if (x === 1) { /* execute code if true */ } else { /* execute code if false */ }
 
 // Instruction conditionnelle avec indentation
 if (x === 1) {
  // execute code if true
 } else {
  // execute code if false
 }

Attention, tout le code inclus dans le bloc est indenté. L'indentation peut être effectuée avec deux espaces, quatre espaces ou un tabulateur.