Heim >Web-Frontend >js-Tutorial >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 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Element sollte keinen zusätzlichen JS-Code zwischen seinen 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tags enthalten
<script src="myScript.js"></script>
3f1c4e4b6b16bbbd69b2ee476dc4f83a
Unabhängig von der Importmethode müssen Sie das 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag verwenden. Das 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag hat sechs Attribute gemeinsam, darunter das Sprachattribut
[1]src: Stellt eine externe Datei dar, die auszuführenden Code enthält, der domänenübergreifend sein kann
[2] Zeichensatz: Optional, gibt den Zeichensatz des über das src-Attribut angegebenen Codes an. Die meisten Browser ignorieren
[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
[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
[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
[6]Sprache: veraltet
asynchron und verzögert
[1] Wenn weder Async noch Defer eingestellt ist, lädt der Browser sofort das angegebene Skript und führt es aus
352b1442a1f39d4f49881b7e5087d9182cacc6d41bbb37262a98f745aa00fbf0
[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
80430e714222ca8f2749e04af6c962952cacc6d41bbb37262a98f745aa00fbf0
[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
bdffe83d777e72fac9c98c818c0289f32cacc6d41bbb37262a98f745aa00fbf0
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*