In diesem Artikel wird die grundlegende (gemeinsame) Syntax von JavaScript für Ihre Referenz vorgestellt.
Überblick
Lassen Sie mich zuerst darüber sprechen, wie ich JavaScript schreibt. Es gibt zwei Formulare, eine besteht darin, JavaScript direkt in die HTML -Seite zu schreiben, und der andere ist in der Datei *.js zu existieren und dann auf der Seite zu verweisen.
Beim direkten Schreiben können Sie es in <kopf> </head> oder <body> </body> einfügen. Im Allgemeinen werden Funktionen im Bereich <kopf> platziert, und der spezifische Ausführungscode befindet sich im Bereich <Body>. Schreiben Sie zum Beispiel in den Körper:
<body> <script> document.writeln ("haha <br/>"); </script> </body>Zitatmethode
<script type = "text/javaScript" src = "js_css/mennutree.js"> </script>
Ausführungsreihenfolge und Lebenszyklus
JavaScript wird nach unten nach unten ausgeführt/analysiert. Beim Aufrufen einer Funktion oder Funktion muss sichergestellt werden, dass die Funktion analysiert/deklariert wurde. Dies ist auch der Grund, warum die Funktionsdefinition im Allgemeinen in <kopf> platziert wird.
Alle Funktionen und Variablen sind nur auf dieser Seite gültig. Nach dem Verlassen der Seite können die Variablen oder Funktionen, die in der vorherigen Seite deklariert sind, auf der neuen Seite nicht zugegriffen werden. Wenn Sie besuchen müssen, können Sie es mit Cookies speichern und auf der nächsten Seite lesen.
Syntax - Variablen
Die Variablendefinition beginnt mit Var und Sie können eine Variable definieren. Die in der Funktionskörper platzierten als lokalen Variablen, während die außerhalb von globalen Variablen sind. Es sollte darauf hingewiesen werden, dass die Syntax von JavaScript sehr unordentlich ist und es andere Möglichkeiten gibt, Variablen zu definieren. Aber ich hoffe, dass jeder andere unordentliche Syntaxen nicht verwenden wird.
Jeder muss über Variablen verstehen
(1) Variablen sind von schwachem Typ, und eine Ganzzahl kann sogar direkt zu einer Zeichenfolge hinzugefügt werden, um eine Zeichenfolge zu erhalten
(2) Die sogenannten globalen Variablen sind nur auf der aktuellen Seite gültig. Wenn die Seite entladen und zu einer anderen Seite springt, werden alle Variablen zerstört. Diese globalen Variablen unterscheiden sich von den eingebetteten Variablen des Browsers (auch als Benutzeragent bezeichnet). Jede Seite enthält automatisch eingebettete Objekte wie Fenster und Dokument.
(3) Unterscheiden Sie nicht zwischen einzelnen Zitaten oder doppelten Zitaten
<Script> // Variable Definition var nnumofBytes = 10; var fpercent = 0,32; var Stryourname = 'Mr. Bekannt'; var prect = new Object (); </script>
Syntax - Funktion
<Script> Funktion GotOurl (StRURL) {location.href = stRURL; } </script>Funktionen können in HTML -Ereignissen/Form/JavaScript aufgerufen werden, wie z. B.:
HTML Element Event Callback:
<Body Onload = "GotOurl ('// www.vevb.com')">
Callback des Formularelements Ereignis
<select name = "somelist" onchange = "OnsomethingChanged ()">
Hyperlink -Ziel
<a href = "JavaScript: Gotourl ('www.vevb.com')"> go </a>
Rufen Sie direkt in JavaScript an
<Script> gotOurl ("www.vevb.com"); </script>Syntax - Klasse
Im Allgemeinen erfordert JavaScript keine benutzerdefinierten Klassen, was bedeutet, dass es im Allgemeinen keine so komplexe Ebene erreicht. Da es sich um eine Skriptsprache handelt, schreiben Sie einfach ein paar Wörter. Erstens ist es schwierig zu debuggen, und zweitens ist es unpraktisch zu lesen. Wenn Sie jedoch einige komplexe Funktionen wie Menübäume schreiben müssen, müssen Sie einige Kategorien schreiben, um sie zu vervollständigen.
In ähnlicher Weise haben Klassen auch zwei definierte Formate in JavaScript. Wir müssen nur das folgende Format kennen. Ein anderes Format ist schlecht, daher ist es besser, nicht zu wissen.
Nehmen wir zunächst einen ohne Konstruktorparameter:
<Script> Funktion sampleClass () {// variable Variable Definition this.nid = 10; // Mitgliedsfunktion Definition this.plusid = function (nplus) {return this.nid + nplus; }} </script>Eine andere Parameter-Making-Klasse
Funktionsmenuitem (l, h, t) {this.label = l; this.href = h; this.target = t; this.tohtml = function () {var html = "<a href = '" + this.href + "'"; if (this.target! = null) html + = ("target = '" + this.target + "'"); html + = ">" + this.label + "</a>"; Rückgabe html; }}Erstellen Sie eine Instanz einer Klasse
var item = neuer Menuitem ("haha", //www.vevb.com, null);
In Bezug auf die Klasse beachten Sie bitte die folgenden Punkte:
(1) Schreiben Sie keine Klasse von Grund auf neu. Bitte kopieren Sie es von mir und ändern Sie es dann, damit es keine unerklärlichen Probleme gibt
(2) Um sich auf Mitgliedervariablen in Mitgliederfunktionen zu beziehen, addieren Sie dies unbedingt. Andernfalls ist die Referenz nicht möglich.
(3) Wenn eine Mitgliedsfunktion den Wert zurücksenden möchte, verwenden Sie die Rückgabe. Wenn Sie einen Typ zurückgeben möchten, müssen Sie es nicht im Voraus deklarieren. Geben Sie es einfach direkt zurück.
(4) Für Programmierer, die C ++ und Java lernen, müssen Sie verstehen, dass var p = new someclass (); Das Neue in diesem Satz ist tatsächlich, ein Objekt zu erstellen und seinen Zeiger zurückzugeben.
(5) Erwägen Sie die Objektklasse zu verwenden
Syntax - Objektklasse
Die JavaScript -Syntax ist sehr chaotisch und die Skriptsprache ist nicht zu hoch. Obwohl Sie eine Klasse anpassen können, müssen Sie in den meisten Fällen keine Klasse selbst deklarieren. Sie können die Objektklasse direkt verwenden, um eine Struktur zu definieren, ohne die Form dieser Struktur im Voraus zu deklarieren.
wie:
Funktion createObject () {var obj = new Object (); obj.x = 10; obj.y = 11; Rückgabe obj;}Angesichts dessen erstellte diese Funktion zufällig ein Objekt, fügte ihm die Mitglieder X und Y hinzu und benachrichtigte niemanden (keine Prototyperklärung). Benutzer können auch ihre Ochsen und OY direkt anrufen, ohne zu erraten.
<Script> var o = createObject (); document.WriteLn ("x =" + ox + ", y =" + oy); </script>Aus Sicherheitsgründen kann es aber auch so geschrieben werden:
var o = createObject (); if (ox! = null && oy! }
Syntax - Array
<Script> // erstellen var a = new array (); // Beispiel für (var i = 0; i <A.Length; i ++) {var e = a [i]; } // var item = neuer Menuitem hinzufügen ("000"); this.itemarray.push (item); </script>Wie lösche ich ein Element? Denken Sie daran, den Wert Null direkt zuzuweisen, und testen Sie ihn dann und fügen Sie ihn dann hinzu.
Array als Mitgliedsvariable
Funktionsmenü () {this.ItemArray = new Array (); this.addItem = function (l, h, t) {var item = new Menuitem (l, h, t); this.itemarray.push (item); }; }Die obige Zusammenfassung der Kerngrammatik von JavaScript (empfohlen) ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.