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).

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
	
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 123e5;
</script>
	
</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Chaîne littérale peut utiliser des guillemets simples ou doubles :

Instance

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

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Littéral d'expression utilisé pour le calcul :

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
	
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 * 10;
</script>
	
</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne

Array ) Littéral définit un tableau :

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

Object littéral Définir un objet :

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

Fonction littérale Définir 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 :

Exemple

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p id="demo"></p>
<script>
var length;
length = 6;
document.getElementById("demo").innerHTML = length;
</script>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne

Les variables sont accessibles par nom de variable. Dans les langages impératifs, les variables sont généralement mutables. Un littéral est une valeur constante.

NoteUne variable est un
Note变量是一个名称。字面量是一个
nom<🎜>. Un littéral est une <🎜>valeur<🎜>.

Opérateurs JavaScript

JavaScript utilise l'opérateur arithmétique pour calculer les valeurs :

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>

</body>
</html>

Exécuter l'exemple»

Cliquez sur le bouton « Exécuter l'exemple » pour afficher l'exemple en ligne

JavaScript utilise l'opérateur d'affectation pour attribuer une valeur à une variable :

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p id="demo"></p>
<script>
var x, y, z;
x = 5
y = 6;
z = (x + y) * 10;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne instance

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

类型实例描述
赋值,算术和位运算符=  +  -  *  /在 JS 运算符中描述
条件,比较及逻辑运算符==  != <  > 在 JS 比较运算符中描述



Déclaration JavaScript

En HTML, une instruction JavaScript émet 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 les 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) :

< td ><🎜>< tr >< td><🎜>< td ><🎜> < td>volatile
abstractautreinstance desuper
abstractelseinstanceofsuper




booleanenumintswitch




breakexportinterfacesynchronized




byteextendsletthis




casefalselongthrow




catchfinalnativethrows




charfinallynewtransient




classfloatnulltrue




constforpackagetry




continuefunctionprivatetypeof




debuggergotoprotectedvar




defaultifpublicvoid




deleteimplementsreturnvolatile




doimportshortwhile




doubleinstaticwith




<🎜>< / td><🎜><🎜>
booléenénumérationint commutateur
<🎜><🎜><🎜>
pauseexportinterfacesynchronisée
<🎜><🎜><🎜><🎜>
octetétendlaissezce
<🎜> <🎜><🎜><🎜>
casfaux longjet
<🎜><🎜> < 🎜><🎜>
capturefinalnatif lancers
<🎜><🎜><🎜><🎜>< / td>
charenfinnouveautransitoire
<🎜><🎜><🎜>
classe floatnulltrue
<🎜><🎜 > <🎜><🎜>
constpour packageessayer
<🎜><🎜><🎜> <🎜>
continuerfonctionprivétypeof
<🎜><🎜><🎜><🎜>
débogueurgotoprotégévar
<🎜>< / td><🎜><🎜><🎜>
par défaut sipublicannulé
<🎜><🎜><🎜>
supprimeroutilsretourner
<🎜><🎜><🎜><🎜 >
faireimportercourtpendant
<🎜><🎜><🎜><🎜>
doubleenstatiqueavec
<🎜> < 🎜><🎜><🎜>

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

Type de données JavaScript

JavaScript a de nombreux types de données : nombres, chaînes, tableaux, objets, etc. :

var length = 16; Var Points = x * 10; 🎜> var lastname = "Johnson" via le volume littéral de l'expression de la formule d'expression "BMW"]; // Assignation du tableau via le tableau littéral
var person = {firstName:"John", lastName:"Doe"}; // Assignation d'objet via un objet littéral



Le concept de types de données


Dans les langages de programmation, les types de données sont 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 plus "Volvo" Comment est calculé Quoi ? Les éléments ci-dessus généreront-ils une erreur ou afficheront-ils les résultats suivants ?

"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écution d’instructions dans des fonctions).

function maFonction(a, b) {

return a * b;                                       // Renvoie le résultat de a multiplié par 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.

La fonction getElementById est différente de getElementbyID.

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


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.


Le saviez-vous ?

Note
Note
JavaScript 中,常见的是驼峰法的命名规则,如 lastName (而不是lastname)。
En JavaScript, le plus commun est le chameau méthode case Convention de dénomination, telle que lastName (et non lastname).