Grundlegende JavaScript-Grammatik-Studiennotizen_Javascript-Kenntnisse

1. Definition
JavaScript ist eine Skriptsprache (interpretierte Programmiersprache), die verwendet wird, um den dynamischen Effekt der Seite zu verstärken und eine dynamische Echtzeitinteraktion zwischen der Seite und dem Benutzer zu erreichen. JavaScript besteht aus drei Teilen: ECMA, DOM und BOM

[1] ECMAScript ist durch ECMA-262 definiert und stellt Kernsprachenfunktionen bereit (ECMA ist die European Computer Manufacturers Association)

[2] DOM Document Object Model, das eine Schnittstelle für den Zugriff auf und die Bearbeitung von Webinhalten bereitstellt

[3] BOM Browser Object Model, eine Schnittstelle, die Methoden für die Interaktion mit dem Browser bereitstellt

2. Einleitung
Es gibt zwei Möglichkeiten, Javascript einzuführen: Einbetten von JS-Code in die Seite und Einbinden externer Dateien

[1] In die Seite einbetten

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

　[2]Einführung in externe JS-Dateien

[Hinweis] Das <script>-Element sollte keinen zusätzlichen JS-Code zwischen seinen <script>-Tags enthalten </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">Nach dem Login kopieren</div></div> </div> <p><span style="color: #800000"><strong><script></strong></span><br /> </p> <p>Unabhängig von der Importmethode müssen Sie das <script>-Tag verwenden. Das <script>-Tag hat sechs Attribute gemeinsam, darunter das Sprachattribut </p> <p> [1]src: Stellt eine externe Datei dar, die auszuführenden Code enthält, der domänenübergreifend sein kann </p> <p> [2] Zeichensatz: Optional, gibt den Zeichensatz des über das src-Attribut angegebenen Codes an. Die meisten Browser ignorieren </p> <p> [3] defer: optional, gibt an, dass das Skript verzögert werden kann, bis das Dokument vollständig analysiert und vor der Ausführung angezeigt wird, nur gültig für externe Skripte </p> <p> [4] async: Optional, was angibt, dass das Skript sofort heruntergeladen werden soll, andere Vorgänge auf der Seite jedoch nicht behindert. Nur gültig für externe Skripte</p> <p>　[5]Typ: optional, ist ein alternatives Attribut der Sprache, das den Inhaltstyp der Skriptsprache angibt, die zum Schreiben des Codes verwendet wird, auch als MIME-Typ bekannt. Aus Kompatibilitätsgründen ist es im Allgemeinen text/javascript. Wenn nicht angegeben, ist der Standardwert auch text/javascript</p> <p> [6]Sprache: veraltet </p> <p><span style="color: #800000"><strong>asynchron und verzögert</strong></span></p> <p>[1] Wenn weder Async noch Defer eingestellt ist, lädt der Browser sofort das angegebene Skript und führt es aus </p> <p><script src="test.js"></script>
[2] Wenn nur Async eingestellt ist, lädt der Browser das Skript asynchron herunter, ohne andere Vorgänge auf der Seite zu blockieren

[Hinweis] Das asynchrone Skript muss vor dem Ladeereignis der Seite ausgeführt werden

[3] Wenn nur die Verzögerung eingestellt ist, wird das Skript verzögert, bis das Dokument vollständig analysiert und vor der Ausführung angezeigt wird

Notizen
Kommentare können die Lesbarkeit des Codes verbessern und Ihnen und anderen helfen, Javascript-Code zu lesen und zu verstehen. Der Inhalt von Kommentaren wird nicht auf der Webseite angezeigt und ist in einzeilige Kommentare und mehrzeilige Kommentare unterteilt.

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

Leerzeichen ignorieren JavaScript ignoriert zusätzliche Leerzeichen. Sie können dem Skript Leerzeichen hinzufügen, um die Lesbarkeit zu verbessern

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

Codeumbruch
Sie können Backslashes in Textzeichenfolgen verwenden, um Codezeilen umzubrechen

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

Groß-/Kleinschreibung beachten
Bei JavaScript-Variablen, Funktionsnamen und Operatoren wird die Groß-/Kleinschreibung beachtet. Die Funktion getElementById unterscheidet sich von getElementbyID. Ebenso unterscheiden sich die Variablen myVariable und MyVariable

Reservierte Wörter und Schlüsselwörter
ECMA-262 beschreibt eine Reihe von Schlüsselwörtern mit bestimmten Zwecken. Diese Schlüsselwörter werden verwendet, um den Anfang oder das Ende einer Steueranweisung anzuzeigen oder um bestimmte Operationen auszuführen. ECMA-262 beschreibt auch eine andere Reihe von Schlüsselwörtern Wörter, die nicht als Identifikatoren verwendet werden können, können in Zukunft zu Schlüsselwörtern werden.

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