Grundlegende Referenztypen der erweiterten JavaScript-Programmierung

Vorwort:

Referenzwerte (Objekte) sind Instanzobjekte eines bestimmten Referenztyps, z. B. Date , Function , RegExp regulärer Ausdruckstyp usw. JavaScript verfügt über einige integrierte allgemeine Referenztypen, die Entwickler verwenden können.

1. Datum

Die folgenden drei Methoden geben Zeitstempel in Millisekunden zurück.

sei t1 = Datum.UTC(2020, 11, 7, 22,14)
lass t2 = Datum.parse("23.05.2020")
lass t3 = Date.now()

Das von Parse empfangene Parameterformat kann sein:

Date() Konstruktor kann eine Vielzahl von Parametern akzeptieren. Er kann keine Parameter, einen Zeitstempel oder die von UTC Funktion und der Parse-Funktion akzeptierten Parameter akzeptieren.

let t4 = neues Datum()
let t5 = new Date(2020, 11, 7) // Monat beginnt bei 0 let t6 = new Date("23.05.2020")

Der Date stellt gleichwertige Funktionen bereit. Sie können selbst auf die entsprechende API zurückgreifen.

2. RegExp

In JavaScript werden reguläre Ausdrücke wie folgt ausgedrückt

let express = /Muster/Flags;

• g: Globaler Modus, was bedeutet, dass der gesamte Inhalt der Zeichenfolge durchsucht wird, anstatt beim ersten übereinstimmenden Inhalt zu enden.
• i: Keine Berücksichtigung der Groß-/Kleinschreibung, d. h. die Groß-/Kleinschreibung von Muster und Zeichenfolge wird bei der Suche nach Übereinstimmungen ignoriert.
• m: Mehrzeilenmodus, d. h. die Suche wird fortgesetzt, wenn das Ende einer Textzeile erreicht ist.
• u: Unicode-Modus, aktiviert Unicode-Matching.
• s: dotAll-Modus, der angibt, dass das Metazeichen . mit jedem Zeichen übereinstimmt (einschließlich \n oder \r).

Zusätzlich zur Möglichkeit, reguläre Ausdrücke in Literalform auszudrücken, können Sie sie auch mit dem RegExp-Konstruktor erstellen.

sei p1 = /[cb]at/i

lass p2 = neuer RegExp("[cb]at", "i")

Die beiden sind gleichwertig.

Das RegExp Objekt hat zwei wichtige Methoden, nämlich exec und test Methoden.

sei p1 = /[cb]at/i
let text = "hallo katze fledermaus nihao"

Übereinstimmungen = p1.exec(Text)

Konsole.log(Übereinstimmungen.Index)
Konsole.log(stimmt mit Eingabe überein)
console.log(Übereinstimmungen[0]) //cat

Wenn der reguläre Ausdruck übereinstimmt, handelt es sich bei den zurückgegebenen matches um ein Array -Objekt. Wenn nicht, wird null zurückgegeben. Darüber hinaus verfügt matches über zwei weitere Attribute: index und input . Index ist die tatsächliche Position der Übereinstimmung. input ist die zu suchende Zeichenfolge. Die Elemente im Array sind tatsächlich die Erfassungsgruppen im regulären Ausdruck. Wenn keine Gruppierung vorhanden ist, ist das 0. Element die passende Zeichenfolge.

sei p1 = /([cb]a(t))/i
console.log(Übereinstimmungen[0]) //cat
console.log(Übereinstimmungen[1]) //cat
console.log(übereinstimmungen[2]) //t

Die Testmethode gibt einen Booleschen Wert zurück, der bestimmt, ob die Zeichenfolge mit dem regulären Ausdruck übereinstimmt.

lass übereinstimmend = /\d+/g.test("13")
console.log(übereinstimmend) //wahr

Hier müssen wir die Funktion des g in flag erklären. Es scheint jetzt nutzlos, aber Sie können es verstehen, indem Sie sich das folgende Beispiel ansehen

sei p1 = /[cb]at/gi
let text = "hallo katze fledermaus nihao"
console.log(p1.exec(text)) // ["cat", Index: 6, Eingabe: "hallo cat bat nihao", Gruppen: undefiniert]
console.log(p1.exec(text)) //["bat", Index: 10, Eingabe: "Hallo Katze Bat Nihao", Gruppen: undefiniert]

Im String-Text gibt es tatsächlich zwei Stellen, die mit dem regulären Ausdruck übereinstimmen, aber wenn wir exec aufrufen, ist das Element im matches Array „cat“ und nicht „bat“. Wenn ich exec zum zweiten Mal ausführe, wird bat zurückgegeben. Wenn kein „g“ vorhanden ist, wird „cat“ zurückgegeben, unabhängig davon, wie oft es aufgerufen wird. Der Vorgang endet, wenn die erste Übereinstimmung gefunden wurde.

Darüber hinaus bieten Zeichenfolgen viele Methoden, die reguläre Ausdrücke als Parameter akzeptieren und zum Abgleichen regulärer Ausdrücke, zum Ersetzen von Zeichenfolgen, zum Suchen nach angegebenen Zeichenfolgen oder zum Gruppieren verwendet werden können.

3. Originalverpackungsart

Die drei Referenztypen Boolean , Number und String sind die Wrappertypen, die den primitiven Typen entsprechen. Wenn bestimmte Methoden auf die primitiven Werte angewendet werden, werden die primitiven Werte automatisch in die entsprechenden Referenztypen verpackt. Beispielsweise sind die von der obigen Zeichenfolge bereitgestellten Methoden im Originalwert nicht verfügbar, String Zeichenfolgentyp jedoch schon. Dieser Mechanismus ermöglicht es primitiven Werten, das Verhalten von Objekten aufzuweisen.

Die Originalverpackungsart weist folgende Merkmale auf, die beachtet werden können:

lass s1 = "hallo"
s1.name = "Geschlecht"
console.log(s1.name) //undefiniert

Warum ist s1.name undefined ? Wenn die zweite Codezeile ausgeführt wird, wird s1 in einen Verpackungstyp konvertiert. Wenn diese Codezeile ausgeführt wird, wird das Objekt dieses Typs tatsächlich recycelt. Dann wird in der dritten Zeile ein weiteres Wrappertypobjekt erstellt, dieses Mal gibt es jedoch kein name und ist daher undefined . Sofern nicht explizit ein String Objekt erstellt wird.

lass s1 = "hallo"
s1 = neuer String(s1)
s1.name = "Geschlecht"
console.log(s1.name) 

Für Number ist der Unterschied zwischen der Verwendung new und der Nichtverwendung new

let-Wert = 25
lass Zahl = Zahl(Wert)
obj = neue Zahl(Wert)

console.log(Typ der Nummer) //Nummer
console.log(Objekttyp) //Objekt

console.log(number instanceof Number) //false Der ursprüngliche Wert ist kein Instanzobjekt irgendeines Typs console.log(obj instanceof Number) //true

number ist ein primitiver Wert obj ist ein Objekt vom Typ Number .

Number Objekt verfügt über eine toFxied -Methode, mit der der Wert als Zeichenfolge formatiert wird, wodurch die angegebenen Dezimalstellen beibehalten werden.

sei num = 10,007
console.log(num.toFixed(2)) //10.01  

Für String stehen zahlreiche Methoden zur String-Verarbeitung zur Verfügung, die Sie alle entsprechend den Beispielen manuell eingeben können.

4. Andere eingebaute Objekte

Variablen im globalen Bereich, einige häufig verwendete einzelne Funktionen wie evel , parseInt , isNaN und Konstruktoren der primitiven Referenztypen String , Boolean , Number Function und Array sind allesamt Global Eigenschaften. Wir können jedoch nicht explizit auf Global Objekt zugreifen. Darüber hinaus sind encodeURI und encodeURIComponent bei der Verarbeitung von URLs sehr nützlich.

url = "http://www.baidu.com/vue.js"
console.log(URI kodieren(URL)) //http://www.baidu.com/vue.%20js
console.log(URI-Komponente kodieren(URL)) // http%3A%2F%2Fwww.baidu.com%2Fvue.%20js

Die entsprechenden Dekodierungsfunktionen sind decodeURI und decodeURIComponent .

Im Browser fungiert window Fensterobjekt als Proxy-Objekt für Global, und auf Variablen im globalen Bereich kann über window zugegriffen werden.

Variablenname = "zhang"
konsole.log(Fenstername)
Mathematisches Objektconsole.log(Math.max(1,2,3,4)) // Maximalwertconsole.log(Math.min(3,3,4)) // Minimalwertconsole.log(Math.ceil("1.2")) // aufrundenconsole.log(Math.floor(3.3)) // abrundenconsole.log(Math.round(3.6)) // aufrunden

Dies ist das Ende dieses Artikels über grundlegende Referenztypen in der fortgeschrittenen JavaScript-Programmierung. Weitere relevante Inhalte zu grundlegenden Referenztypen in JavaScript finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!