Syntaxe JavaScr...LOGIN

Syntaxe JavaScript

Syntaxe JavaScript

JavaScript est un langage de programmation. Les règles de grammaire définissent la structure d'une langue.

Syntaxe JavaScript

JavaScript est un langage de script.

C'est un langage de programmation léger mais puissant.

JavaScript Littéral

Dans un langage de programmation, un littéral est une constante, comme en 3.14.

Le nombre littéral peut être un nombre entier ou décimal, ou une notation scientifique (e).

Le littéral de chaîne peut utiliser des guillemets simples ou doubles :

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 'John Doe';
</script>
</body>
</html>

Le littéral de tableau définit un tableau :

[40, 100, 1, 5, 25, 10]

Le littéral d'objet définit un objet :

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue ">

Le littéral de fonction définit une fonction :

function myFunction(a, b) { return a * b;}

Variables JavaScript

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

JavaScript utilise le mot-clé var pour définir les variables et le signe égal pour attribuer des valeurs aux variables

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
<p id="demo"></p>
<script>
var length;
length = 1;
document.getElementById("demo").innerHTML = length;
</script>
</body>
</html>

Opérateurs JavaScript

JavaScript utilise des opérateurs arithmétiques à Valeur calculée :

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>
</body>
</html>

Le langage JavaScript possède de nombreux types d'opérateurs :


Types                                                                                                                 Description >

Opérateurs d'affectation, arithmétiques et au niveau du bit = + - * /                                                                                                                                                                                       

Opérateurs conditionnels, de comparaison et logiques == != < >En HTML, une instruction JavaScript envoie une commande au navigateur.

les déclarations sont séparées par des points-virgules : x = 5 + 6;y = x * 10;

Mots-clés JavaScript


Les instructions JavaScript commencent généralement par des mots-clés. Le mot-clé var indique au navigateur de créer une nouvelle variable :


var x = 5 + 6;

var y = x * 10;

Mots-clés JavaScript


Comme tout autre langage de programmation, JavaScript réserve certains mots-clés pour son propre usage.


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

Les mots-clés JavaScript doivent commencer par une lettre, un trait de soulignement (_) ou un signe dollar ($). Les caractères suivants peuvent être des lettres, des chiffres, des traits de soulignement ou des signes dollar (les chiffres ne sont pas autorisés à apparaître comme premier caractère afin que JavaScript puisse facilement distinguer les mots-clés et les chiffres).

Voici les mots réservés les plus importants en JavaScript (par ordre alphabétique) :

abstract else instanceof super

boolean enum int switch

interrompre l'interface d'exportation synchronisée

l'octet s'étend, laissez cela

cas faux lancer long

attraper les lancers natifs finaux

char enfin nouveau transitoire

class float null true

const pour package try

continuer la fonction type privé de

débogueur goto protected var

par défaut si public void

supprimer les outils return volatile

faire importer short while

doublez en statique avec


Notes JavaScript

Toutes les instructions JavaScript ne sont pas des "commandes". Le contenu après les doubles barres obliques // sera ignoré par le navigateur :

// Je n'exécuterai pas

Types de données JavaScript

JavaScript a plusieurs types de données : nombres, chaîne, tableau, objet, etc. :

var length = 16 ; Attribution de quantité
var lastName = "Johnson" ; // Assignation de chaîne via un littéral de chaîne
var cars = ["Saab", "Volvo ", "BMW"]; // Assignation de tableau via un tableau littéral
var person = {firstName:"John", lastName:"Doe"}; // Affectation d'objet via un objet littéral


Concept de type de données

Langage de programmation, le type de données est un contenu très important.

Afin de pouvoir manipuler des variables, il est important de comprendre le concept de types de données.

Si le type de données n'est pas utilisé, l'exemple suivant ne sera pas exécuté :

16 + "Volvo"

16 Comment l'ajout de "Volvo" est-il calculé ? produira un message Y a-t-il une erreur ou le résultat suivant est affiché ?

"16Volvo"

Vous pouvez essayer d'exécuter le code ci-dessus dans votre navigateur pour voir l'effet.

Dans les chapitres suivants, vous en apprendrez davantage sur les types de données.

Fonction JavaScript

Les instructions JavaScript peuvent être écrites dans des fonctions, et les fonctions peuvent être référencées à plusieurs reprises :

Référencer une fonction = appeler une fonction (exécuter des instructions dans la fonction).

function myFunction(a, b) {

return a * b ; JavaScript est sensible à la casse.

JavaScript est sensible à la casse.

Lorsque vous écrivez des instructions JavaScript, veuillez faire attention à savoir si la touche de commutation du boîtier est désactivée.

Les fonctions getElementById et getElementbyID sont différentes.

De même, les variables myVariable et MyVariable sont également différentes.

Jeu de caractères JavaScript

JavaScript utilise le jeu de caractères Unicode.

Unicode couvre tous les caractères, y compris la ponctuation et les autres caractères.

Pour en savoir plus, étudiez notre manuel de référence Unicode complet.


section suivante
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p id="demo"></p> <script> var length; length = 6; document.getElementById("demo").innerHTML = length; </script> </body> </html>
soumettreRéinitialiser le code
chapitredidacticiel