Heim >Web-Frontend >js-Tutorial >JS-Funktion, Objekt, String
Eine JavaScript-Funktion ist ein Codeblock, der zur Ausführung einer bestimmten Aufgabe entwickelt wurde. Funktion wird ausgeführt, wenn „etwas“ sie aufruft (aufruft).
Eine JavaScript-Funktion wird mit dem Schlüsselwort function definiert, gefolgt von einem Namen, gefolgt von Klammern ().
Funktionsparameter werden innerhalb der Klammern () in der Funktionsdefinition aufgeführt. Funktionsargumente sind die Werte, die die Funktion beim Aufruf empfängt. Innerhalb der Funktion verhalten sich die Argumente (die Parameter) wie lokale Variablen.
Wenn JavaScript eine Return-Anweisung erreicht, wird die Ausführung der Funktion gestoppt. Wenn die Funktion über eine Anweisung aufgerufen wurde, „kehrt“ JavaScript zurück, um den Code nach der aufrufenden Anweisung auszuführen. Funktionen berechnen häufig einen Rückgabewert. Der Rückgabewert wird an den „Aufrufer“ „zurückgegeben“.
Der ()-Operator ruft die Funktion auf. Der Zugriff auf eine Funktion ohne () gibt die Funktion und nicht das Funktionsergebnis zurück.
Ein Objektliteral ist eine Liste von Name:Wert-Paaren in geschweiften Klammern {}.
Sie können auf zwei Arten auf Objekteigenschaften zugreifen -
objectName.propertyName, objectName["propertyName"]
Objekte sind Container für Eigenschaften und Methoden. Eigenschaften sind benannte Werte. Methoden sind Funktionen, die als Eigenschaften gespeichert sind. Eigenschaften können Primitivwerte, Funktionen oder sogar andere Objekte sein. Objekte sind Objekte, Mathematik sind Objekte, Funktionen sind Objekte, Datumsangaben sind Objekte, Arrays sind Objekte, Karten sind Objekte, Mengen sind Objekte. Alle JavaScript-Werte mit Ausnahme von Grundelementen sind Objekte.
Ein Primitivwert ist ein Wert, der keine Eigenschaften oder Methoden hat. 3,14 ist ein primitiver Wert. Ein primitiver Datentyp sind Daten, die einen primitiven Wert haben. JavaScript definiert 7 Arten primitiver Datentypen –
A) Zeichenfolge
B) Nummer
C) boolean
D) null
E) undefiniert
F) Symbol
G) bigint
Primitive Werte sind unveränderlich (sie sind fest codiert und können nicht geändert werden).
Objektesind veränderlich. Sie werden durch Verweis und nicht durch Wert angesprochen.
Ein Objekt ist eine ungeordnete Sammlung von Eigenschaften. Eigenschaften sind der wichtigste Teil von JavaScript-Objekten. Eigenschaften können geändert, hinzugefügt und gelöscht werden und einige sind schreibgeschützt.
Das Schlüsselwort delete löscht eine Eigenschaft aus einem Objekt. Das Schlüsselwort delete löscht sowohl den Wert der Eigenschaft als auch die Eigenschaft selbst.
Zugriff auf Objekt Methode- objectName.methodName()
Hinzufügen einer neuen Methode zu einem Objekt -
person.name = function () {
return this.firstName + " " + this.lastName;
};
toUpperCase()-Methode zum Konvertieren eines Textes in Großbuchstaben.
Einige Lösungen zum Anzeigen von JavaScript-Objekten sind -
Anzeigen der Objekteigenschaften nach Namen, Anzeigen des Objekts
Eigenschaften in einer Schleife, Anzeigen des Objekts mit Object.values(),
Anzeigen des Objekts mit JSON.stringify()
Objekt For In Loop -
const person = {
Name: „John“,
Alter: 30,
Stadt: „New York“
};
let text = "";
für (lass x persönlich) {
text += person[x] + " ";
};
document.getElementById("demo").innerHTML = text;
Sie müssen person[x] in der Schleife verwenden. person.x wird nicht funktionieren (Weil
x ist die Schleifenvariable).
Object.values() erstellt ein Array aus den Eigenschaftswerten.
Beispiel – Object.values(person)
Object.entries() vereinfacht die Verwendung von Objekten in Schleifen.
JavaScript-Objekte können mit der JSON-Methode
in einen String konvertiert werden
JSON.stringify().
Um einen Objekttyp zu erstellen, verwenden wir eine Objektkonstruktorfunktion.
Funktion Person(Vorname, Nachname, Alter, Auge) {
this.firstName = first;
this.lastName = last;
this.age = Alter;
this.eyeColor = Auge;
}
const myFather = new Person("John", "Doe", 50, "blue");
const myMother = new Person("Sally", "Rally", 48, "green");
myMother.changeName = Funktion (Name) {
this.lastName = name;
}
myMother.changeName("Doe");
document.getElementById("demo").innerHTML =
„Der Nachname meiner Mutter ist“ + myMother.lastName;
Das ist ein Beispiel!
HTML-Ereignisse sind „Dinge“, die mit HTML-Elementen passieren. Wann
JavaScript wird in HTML-Seiten verwendet, JavaScript kann auf diese „reagieren“
Veranstaltungen. Hier sind einige Beispiele für HTML-Ereignisse -
Eine HTML-Webseite wurde vollständig geladen. Ein HTML-Eingabefeld war
geändert, Es wurde auf eine HTML-Schaltfläche geklickt. Häufige HTML-Ereignisse -
onchange – Ein HTML-Element wurde geändert
onclick – Der Benutzer klickt auf ein HTML-Element
onmouseover – Der Benutzer bewegt die Maus über ein HTML-Element
onmouseout – Der Benutzer bewegt die Maus von einem HTML-Element weg
onkeydown – Der Benutzer drückt eine Tastaturtaste
onload – Der Browser hat das Laden der Seite abgeschlossen
Strings
Strings dienen zum Speichern von Text. Zeichenfolgen werden mit
geschrieben
Zitate.
Vorlagenzeichenfolgen wurden mit ES6 (JavaScript
) eingeführt
2016). Vorlagen sind Zeichenfolgen, die in Backticks eingeschlossen sind (Dies ist ein
Vorlagenzeichenfolge). Vorlagen erlauben einfache und doppelte Anführungszeichen innerhalb eines
Zeichenfolge. Vorlagen werden im Internet Explorer nicht unterstützt.
Um die Länge einer Zeichenfolge zu ermitteln, verwenden Sie die integrierte Länge
Eigentum.
Das Escape-Zeichen Backslash () wandelt Sonderzeichen in
um
in String-Zeichen umwandeln. let text = „Wir sind die sogenannten „Wikinger“ aus dem Norden.“; let text= 'Es ist alles in Ordnung.';
JavaScript Strings als Objekte - let y = new String("John");
Erstellen Sie keine Strings-Objekte. Das neue Schlüsselwort verkompliziert den Code und verlangsamt die Ausführungsgeschwindigkeit. String-Objekte können zu unerwarteten Ergebnissen führen
Der Vergleich zweier JavaScript-Objekte gibt immer false zurück.
Grundlegende String-Methoden -
String Suchmethoden -
Vorlagenzeichenfolgen verwenden Backticks (``) anstelle der Anführungszeichen (""), um eine Zeichenfolge zu definieren.
Das obige ist der detaillierte Inhalt vonJS-Funktion, Objekt, String. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!