Heim  >  Artikel  >  Web-Frontend  >  Javascript liest sich so

Javascript liest sich so

PHPz
PHPzOriginal
2023-05-17 20:02:06515Durchsuche

JavaScript wird so ausgesprochen

JavaScript, der chinesische Name ist „JavaScript-Skriptsprache“, ist eine Programmiersprache, die im Browser ausgeführt wird. Es ist die Kernsprache für die Entwicklung interaktiver Webseiten. Sie wird häufig in der Webseitenproduktion, bei der Entwicklung von Webseiten-Spezialeffekten und in anderen Bereichen verwendet. Sie gilt als eine der „Troika des World Wide Web“.

Das Erlernen und Beherrschen von JavaScript ist für Programmierer, die sich mit der Webentwicklung befassen, sehr wichtig. In diesem Artikel stellen wir die Grundkenntnisse, grammatikalischen Regeln und die allgemeine Verwendung von JavaScript vor, um Anfängern zu helfen, JavaScript besser zu verstehen und zu beherrschen.

1. Grundkenntnisse in JavaScript

  1. Geschichte

JavaScript entstand 1995 und wurde ursprünglich von Brendan Eich, einem damaligen Programmierer bei Netscape, entwickelt und später in JavaScript umbenannt. Da JavaScript in gewisser Weise mit Java von Sun verwandt war, reichte Netscape es 1996 bei ECMA (European Computer Manufacturers Association) ein und veröffentlichte den ECMAScript-Standard. JavaScript wird häufig als Implementierung von ECMAScript verwendet.

  1. Funktionen

JavaScript ist eine „interpretierte“ Sprache, für deren Ausführung kein Compiler erforderlich ist. Es implementiert mehrere Programmierparadigmen, einschließlich objektorientierter Programmierung, funktionaler Programmierung und imperativer Programmierung. Im Vergleich zu anderen Programmiersprachen weist JavaScript die folgenden Merkmale auf:

①Dynamik: JavaScript unterstützt dynamische Typen und unterstützt auch die dynamische Codegenerierung.

②Flexibilität: JavaScript unterstützt Event Drive und kann Webseiten interaktive Effekte hinzufügen.

③ Eng mit HTML integriert: JavaScript kann in HTML-Seiten eingebettet und direkt im Browser ausgeführt werden.

④Plattformübergreifend: JavaScript kann in mehreren Betriebssystemen und auf mehreren Browserplattformen ausgeführt werden.

  1. Funktion

JavaScript kann interaktive Effekte, Formularüberprüfung, dynamische Stiländerung, DOM-Operationen und andere Funktionen in Webseiten realisieren. Gleichzeitig kann JavaScript über die Ajax-Technologie auch mit dem Server interagieren, um asynchrones Laden und dynamische Aktualisierung von Daten zu erreichen.

  1. Entwicklungsumgebung

JavaScript ist eine leichtgewichtige Sprache, die keine spezielle Entwicklungsumgebung erfordert, sondern nur einen Texteditor und einen Browser. Zu den gängigen Texteditoren gehören Notepad++, Sublime Text, Visual Studio Code usw. Als Browser können Sie zwischen Chrome, Firefox, IE usw. wählen.

2. JavaScript-Syntaxregeln

  1. Kommentare

Kommentare können zum JavaScript-Code hinzugefügt werden, um anderen das Lesen und Verstehen des Codes zu erleichtern. JavaScript unterstützt sowohl einzeilige als auch mehrzeilige Kommentare, wie unten gezeigt:

Einzeiliger Kommentar: // Dies ist ein einzeiliger Kommentar

Mehrzeiliger Kommentar:
/*
Dies ist ein mehrzeiliger Kommentar Kommentar
Kann mehrere Inhaltszeilen enthalten
*/

  1. Variablen

JavaScript-Variablen müssen vor der Verwendung deklariert werden, um Variablen zu deklarieren, wie unten gezeigt:

var num = 10; //Deklarieren Sie eine Variable benannte Zahl, Anfangswert 10

  1. Datentypen

Zu den JavaScript-Datentypen gehören: Zeichenfolge, Zahl, boolescher Wert, Array, Objekt, Null und Undefiniert. Die Zeichenfolge muss in Anführungszeichen eingeschlossen sein, die Zahl kann eine Ganzzahl oder eine Gleitkommazahl sein und der boolesche Wert hat nur zwei Werte: wahr und falsch.

  1. Steueranweisungen

Zu den JavaScript-Steueranweisungen gehören: if-Anweisung, for-Anweisung, while-Anweisung, switch-Anweisung usw. Die if-Anweisung wird verwendet, um festzustellen, ob eine Bedingung erfüllt ist, die for-Anweisung wird verwendet, um einen Codeabschnitt in einer Schleife auszuführen, die while-Anweisung wird verwendet, um einen Codeabschnitt in einer Schleife auszuführen, bis die Bedingung nicht erfüllt ist, und die switch-Anweisung wird verwendet, um verschiedene Codeblöcke basierend auf unterschiedlichen Bedingungen auszuführen.

  1. Funktion

JavaScript-Funktion kann als wiederverwendbarer Code verstanden werden, der mit dem Schlüsselwort function definiert wird. Die Funktion kann Parameter akzeptieren und einen Wert zurückgeben, wie unten gezeigt:

function add(a, b){
return a + b;
}
var result = add(3, 4);//Rufen Sie die Add-Funktion auf, und Weisen Sie den Rückgabewert der Ergebnisvariablen zu.

  1. Objekt

JavaScript-Objekte sind Entitäten, die aus Eigenschaften und Methoden bestehen. „Eigenschaften“ beziehen sich auf den Zustand des Objekts, während „Methoden“ sich auf das Verhalten des Objekts beziehen. Objekte können durch geschweifte Klammern {} dargestellt werden, wie unten gezeigt:

var person = {

name:"Tom",
age:20,
sayHello:function(){
    console.log("Hello, my name is " + this.name);
}

};
person.sayHello();//Rufen Sie die sayHello-Methode einer Person auf und geben Sie „Hallo, mein Name ist Tom“ aus

3. Allgemeine Verwendung

  1. Ereignisbindung

JavaScript kann Ereignisse an HTML-Elemente binden und verschiedene Antwortfunktionen auslösen, wie unten gezeigt:

800a9b0933020ff50bae89f95f506849 /button>

Wenn der Benutzer in diesem Beispiel auf die Schaltfläche klickt, wird ein Warnfeld mit der Meldung „Hallo Welt“ angezeigt.

  1. Dynamische Stilsteuerung

Sie können den Stil von Elementen über JavaScript dynamisch steuern, wie unten gezeigt:

var element = document.getElementById("myDiv");
element.style.color = "red";

in In diesem Beispiel rufen Sie zuerst das Element mit der ID „myDiv“ auf der Seite ab und setzen dann seine Textfarbe auf Rot.

  1. DOM-Betrieb

JavaScript kann die DOM-Knoten (Document Object Model) auf der Webseite bedienen, d. h. Sie können HTML hinzufügen, ändern und löschen Elemente und Attribute. Wie unten gezeigt:

var newelement = document.createElement("p");//Erstellen Sie ein neues e388a4556c0f65e1904146cc1a846bee-Element
var textnode = document.createTextNode("Das ist neu. " );//Erstelle einen Textknoten
newelement.appendChild(textnode);//Füge den Textknoten zum e388a4556c0f65e1904146cc1a846bee-Element hinzu
document.getElementById("myDiv").appendChild(newelement) ; //Fügen Sie das e388a4556c0f65e1904146cc1a846bee-Element zum Element mit der ID „myDiv“ hinzu

Erstellen Sie in diesem Beispiel zuerst ein neues e388a4556c0f65e1904146cc1a846bee-Element und fügen Sie dann das e388a4556c0f65e1904146cc1a846bee-Element hinzu Das ;p>-Element wird dem Element mit der ID „myDiv“ auf der Seite hinzugefügt.

Fazit

Dieser Artikel führt in die Grundkenntnisse, grammatikalischen Regeln und die allgemeine Verwendung von JavaScript ein. Für Anfänger ist es sehr wichtig, diese Grundkenntnisse zu beherrschen. Gleichzeitig wird Anfängern empfohlen, mit einfachen Beispielen zu beginnen, die Syntax und Eigenschaften von JavaScript nach und nach gründlich zu verstehen und weiter zu üben und zu versuchen, um diese Sprache besser zu beherrschen.

Das obige ist der detaillierte Inhalt vonJavascript liest sich so. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn