Notes d'étude de grammaire de base JavaScript_compétences javascript

1. Définition
JavaScript est un langage de script (langage de programmation interprété) utilisé pour améliorer l'effet dynamique de la page et obtenir une interaction dynamique en temps réel entre la page et l'utilisateur. JavaScript se compose de trois parties : ECMA, DOM et BOM

[1] ECMAScript est défini par ECMA-262 et fournit les fonctions de base du langage (ECMA est l'Association européenne des fabricants d'ordinateurs)

[2] Modèle objet de document DOM, qui fournit une interface pour accéder et manipuler le contenu Web

[3] BOM Browser Object Model, une interface qui fournit des méthodes pour interagir avec le navigateur

2. Introduction
Il existe deux manières d'introduire javascript : intégrer du code js dans la page et introduire des fichiers externes

[1] Intégrer dans la page

<script>
  alert("My First JavaScript");
</script>

　[2]Présentation des fichiers js externes

[Note] L'élément <script> avec l'attribut src ne doit pas contenir de code js supplémentaire entre ses balises <script> Si du code intégré est inclus, seul le script externe sera téléchargé et exécuté et ignorera le code intégré. </p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> &lt;script src=&quot;myScript.js&quot;&gt;&lt;/script&gt; </pre><div class="contentsignin">Copier après la connexion</div></div> </div> <p><span style="color: #800000"><strong><script></strong></span><br /> </p> <p>Quelle que soit la méthode d'importation, vous devez utiliser la balise <script> La balise <script> partage 6 attributs, parmi lesquels l'attribut langue a été abandonné </p> <p> [1]src : Représente un fichier externe contenant du code à exécuter, qui peut traverser les domaines </p> <p> [2] charset : facultatif, indiquant le jeu de caractères du code spécifié via l'attribut src. La plupart des navigateurs ignoreront </p>. <p> [3] defer : facultatif, indiquant que le script peut être retardé jusqu'à ce que le document soit complètement analysé et affiché avant l'exécution, valable uniquement pour les scripts externes </p> <p> [4] async : facultatif, indiquant que le script doit être téléchargé immédiatement, mais n'entrave pas les autres opérations sur la page. Valable uniquement pour les scripts externes</p> <p>　[5]type : facultatif, est un attribut alternatif du langage, indiquant le type de contenu du langage de script utilisé pour écrire le code, également connu sous le nom de type MIME. Compte tenu de la compatibilité, il s'agit généralement de text/javascript. Si elle n'est pas spécifiée, la valeur par défaut est également text/javascript</p>. <p> [6]langue : obsolète </p> <p><span style="color: #800000"><strong>asynchrone et différé</strong></span></p> <p>[1] Si ni async ni defer ne sont définis, le navigateur chargera et exécutera immédiatement le script spécifié </p> <p><script src="test.js"></script>
[2] Si seul async est défini, le navigateur téléchargera le script de manière asynchrone sans bloquer les autres opérations sur la page

[Note] Le script asynchrone doit être exécuté avant l'événement de chargement de la page

[3] Si seul le report est défini, le script sera retardé jusqu'à ce que le document soit complètement analysé et affiché avant l'exécution

Remarques
Les commentaires peuvent améliorer la lisibilité du code et vous aider, vous et les autres, à lire et à comprendre le code Javascript. Le contenu des commentaires ne sera pas affiché sur la page Web et est divisé en commentaires sur une seule ligne et commentaires sur plusieurs lignes.

//单行注释
/*
多行注释
 */

Ignorer les espaces JavaScript ignorera les espaces supplémentaires. Vous pouvez ajouter des espaces au script pour améliorer sa lisibilité
.

//以下写法均正确
var name="hello";
var name ="hello";
var name = "hello";

Enveloppement de code
Vous pouvez utiliser des barres obliques inverses dans les chaînes de texte pour envelopper des lignes de code

//正确
document.write("Hello \
World!");
//错误
document.write \
("Hello World!"); 

Sensible à la casse
Les variables JavaScript, les noms de fonctions et les opérateurs sont sensibles à la casse. La fonction getElementById est différente de getElementbyID De même, les variables myVariable et MyVariable sont également différentes .

Mots et mots-clés réservés
ECMA-262 décrit un ensemble de mots-clés ayant des objectifs spécifiques. Ces mots-clés sont utilisés pour indiquer le début ou la fin d'une instruction de contrôle, ou pour effectuer des opérations spécifiques. des mots qui ne peuvent pas être utilisés comme identifiants ; ils pourraient devenir des mots-clés à l’avenir.

//第5版在非严格模式下的保留字
Class | enum | extends | super | const | export | import 
//第5版在严格模式下的保留字
Implements | package | public | interface | private | static | let* | protected | yield*