Syntaxe de base JavaScript

Syntaxe de base de JavaScript

La syntaxe de JavaScript est similaire à celle du langage Java. Chaque instruction se termine par ;, et les blocs d'instructions utilisent {... }. Cependant, JavaScript ne nécessite pas d'ajouter ; à la fin de chaque instruction. Le moteur chargé d'exécuter le code JavaScript dans le navigateur ajoutera automatiquement ;

Remarque : autoriser le moteur JavaScript à ajouter automatiquement des points-virgules modifiera la sémantique du programme dans certains cas, ce qui rendra les résultats en cours d'exécution incohérents avec les attentes. Dans ce tutoriel, nous n'omettrons pas ;, toutes les instructions ajouteront ;.

Par exemple, la ligne de code suivante est une instruction d'affectation complète :

var x = 1;

La ligne de code suivante est une chaîne, mais peut toujours être considérée comme une instruction complète :

'Hello, world';

La ligne de code suivante contient deux instructions, chaque instruction utilise ; pour indiquer la fin de l'instruction :

var x = 1; var y = 2;

// Il n'est pas recommandé d'écrire plusieurs instructions sur une seule ligne ! >
Un bloc d'instructions est une collection d'instructions de groupe. Par exemple, le code suivant émet d'abord un jugement si le jugement est vrai, toutes les instructions de {...} seront exécutées :

if (2 > 1) {
    x = 1;
    y = 2;
    z = 3;
}

<🎜. >Faites attention aux déclarations entre accolades {...} Avoir une indentation, généralement 4 espaces. L'indentation n'est pas requise par la syntaxe JavaScript, mais l'indentation nous aide à comprendre la hiérarchie du code, nous devons donc respecter les règles d'indentation lors de l'écriture du code. De nombreux éditeurs de texte disposent d'une fonctionnalité « d'indentation automatique » qui peut vous aider à organiser votre code.

{...} peut également être imbriqué pour former une structure hiérarchique :

if (2 > 1) {
    x = 1;
    y = 2;
    z = 3;    if (x < y) {
        z = 4;
    }    if (x > y) {
        z = 5;
    }
}

JavaScript lui-même n'a pas de limite au niveau d'imbrication, mais trop d'imbrication augmentera sans aucun doute considérablement la capacité de comprendre la difficulté du code. Dans ce cas, vous devez extraire une partie du code et l'appeler en tant que fonction, ce qui peut réduire la complexité du code.

Commentaires

Les caractères commençant par // jusqu'à la fin de la ligne sont considérés comme des commentaires de ligne. Les commentaires sont visibles par les développeurs et le moteur JavaScript les ignorera automatiquement :

<🎜. >// Ceci est une alerte de commentaire d'une ligne('hello'); // Ceci est aussi un commentaire

Un autre type de commentaire de bloc consiste à utiliser /*...*/ pour envelopper les caractères multilignes et mettre un gros "bloc" » traité comme un commentaire :

/* De là se trouve un bloc de commentaire

Encore un commentaire

Toujours un commentaire

Fin du commentaire */

//alert('我不想执行');
alert('我也不想执行');

<html>
<head>
 <script>
 //alert('我不想执行');
 alert('我也不想执行');
 </script>
</head>
<body>
 ...
</body>
</html>

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title> RunJS 演示代码 </title> <script> var ck = function(){ var x = prompt ("输入数据: ", ""); alert(x); } </script> </head> <body> <button onclick="ck();"> 按钮 </button> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Syntaxe de base JavaScript

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]