Heim > Web-Frontend > js-Tutorial > Hauptteil

JS-Funktion, Objekt, String

王林
Freigeben: 2024-07-18 13:12:39
Original
870 Leute haben es durchsucht

JS Function, Object, String

  1. Eine JavaScript-Funktion ist ein Codeblock, der zur Ausführung einer bestimmten Aufgabe entwickelt wurde. Funktion wird ausgeführt, wenn „etwas“ sie aufruft (aufruft).

  2. Eine JavaScript-Funktion wird mit dem Schlüsselwort function definiert, gefolgt von einem Namen, gefolgt von Klammern ().

  3. 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.

  4. 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“.

  5. Der ()-Operator ruft die Funktion auf. Der Zugriff auf eine Funktion ohne () gibt die Funktion und nicht das Funktionsergebnis zurück.

  6. Ein Objektliteral ist eine Liste von Name:Wert-Paaren in geschweiften Klammern {}.

  7. Sie können auf zwei Arten auf Objekteigenschaften zugreifen -
    objectName.propertyName, objectName["propertyName"]

  8. 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.

  9. 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

  10. Primitive Werte sind unveränderlich (sie sind fest codiert und können nicht geändert werden).

  11. Objektesind veränderlich. Sie werden durch Verweis und nicht durch Wert angesprochen.

  12. 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.

  13. 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.

  14. Zugriff auf Objekt Methode- objectName.methodName()

  15. Hinzufügen einer neuen Methode zu einem Objekt -
    person.name = function () {
    return this.firstName + " " + this.lastName;
    };

  16. toUpperCase()-Methode zum Konvertieren eines Textes in Großbuchstaben.

  17. 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()

  18. 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;

  19. Sie müssen person[x] in der Schleife verwenden. person.x wird nicht funktionieren (Weil
    x ist die Schleifenvariable).

  20. Object.values() erstellt ein Array aus den Eigenschaftswerten.
    Beispiel – Object.values(person)

  21. Object.entries() vereinfacht die Verwendung von Objekten in Schleifen.

  22. JavaScript-Objekte können mit der JSON-Methode
    in einen String konvertiert werden JSON.stringify().

  23. 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!

  24. 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

  1. Strings dienen zum Speichern von Text. Zeichenfolgen werden mit
    geschrieben Zitate.

  2. 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.

  3. Um die Länge einer Zeichenfolge zu ermitteln, verwenden Sie die integrierte Länge
    Eigentum.

  4. 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.';

  5. JavaScript Strings als Objekte - let y = new String("John");

  6. 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

  7. Der Vergleich zweier JavaScript-Objekte gibt immer false zurück.

  8. Grundlegende String-Methoden -

  • String length – Die Längeneigenschaft gibt die Länge von a zurück Zeichenfolge.
  • String charAt() – Die charAt()-Methode gibt das Zeichen zurück an einem angegebenen Index (Position) in einer Zeichenfolge.
  • String charCodeAt() – Die charCodeAt()-Methode gibt die zurück Code des Zeichens an einem angegebenen Index in einer Zeichenfolge. Der Die Methode gibt einen UTF-16-Code zurück (eine Ganzzahl zwischen 0 und 65535).
  • String at()
  • String [ ]
  • String-Slice()
  • String substring()
  • String substr()
  • String toUpperCase()
  • String toLowerCase()
  • String concat()
  • String trim()
  • String trimStart()
  • String trimEnd()
  • String padStart()
  • String padEnd()
  • String-Wiederholung()
  • String replace()
  • String replaceAll()
  • String split()

String Suchmethoden -

  • String indexOf()
  • String lastIndexOf()
  • String-Suche()
  • String match()
  • String matchAll()
  • String Includes()
  • String beginnt mit()
  • String endetWith()

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!

Quelle:dev.to
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!