[JavaScript-Tutorial] JavaScript-Nutzung

Es gibt drei gängige Möglichkeiten, HTTP-Anforderungen in Node.js zu initiieren: Verwenden Sie integrierte Module, Axios und Knotenfetch. 1. Verwenden Sie das integrierte HTTP/HTTPS-Modul ohne Abhängigkeiten, das für grundlegende Szenarien geeignet ist, jedoch eine manuelle Verarbeitung von Datengenähten und Fehlerüberwachung erfordert, z. 2.Axios ist eine auf Versprechen basierende Bibliothek von Drittanbietern. Es verfügt über eine kurze Syntax und leistungsstarke Funktionen, unterstützt Async/Auseait, automatische JSON -Konvertierung, Interceptor usw. Es wird empfohlen, asynchrone Anforderungsvorgänge zu vereinfachen. 3.Node-Fetch bietet einen Stil ähnlich dem Browser-Abruf, basierend auf Versprechen und einfacher Syntax

JavaScript -Datentypen sind in primitive Typen und Referenztypen unterteilt. Zu den primitiven Typen gehören String, Anzahl, Boolesche, Null, undefiniertes und Symbol. Die Werte sind unveränderlich und Kopien werden bei der Zuweisung von Werten kopiert, sodass sie sich nicht gegenseitig beeinflussen. Referenztypen wie Objekte, Arrays und Funktionen speichern Speicheradressen, und Variablen, die auf dasselbe Objekt zeigen, wirkt sich gegenseitig aus. Typeof und Instanz können verwendet werden, um die Typen zu bestimmen, aber auf die historischen Probleme der TypeOfnull zu achten. Das Verständnis dieser beiden Arten von Unterschieden kann dazu beitragen, einen stabileren und zuverlässigeren Code zu schreiben.

Die Filter () -Methode in JavaScript wird verwendet, um ein neues Array mit allen bestehenden Testelementen zu erstellen. 1.Filter () ändert das ursprüngliche Array nicht, sondern gibt ein neues Array zurück, das den bedingten Elementen entspricht. 2. Die grundlegende Syntax ist Array.filter ((Element) => {returncondition;}); 3. Das Objektarray kann durch Attributwert gefiltert werden, z. B. die Filterung von Benutzern älter als 30; V. 5. kann dynamische Bedingungen umgehen und Filterparameter in Funktionen übergeben, um eine flexible Filterung zu erreichen. 6. Wenn Sie es verwenden, achten Sie darauf, dass die booleschen Werte zurückgegeben werden, um leere Arrays zurückzugeben, und kombinieren Sie andere Methoden, um eine komplexe Logik wie die String -Matching zu erreichen.

Überprüfen Sie in JavaScript, ob ein Array einen bestimmten Wert enthält. Die häufigste Methode ist include (), die einen Booleschen Wert zurückgibt und die Syntax Array.includes (Valuetofind) ist, z. B. Früchte. Wenn es mit der alten Umgebung kompatibel sein muss, verwenden Sie Indexof () wie Zahlen.Indexof (20)! ==-1 gibt True zurück; Für Objekte oder komplexe Daten sollte eine () -Methode für einen eingehenden Vergleich verwendet werden, wie z. B. Benutzer.

Um Fehler in asynchronen Funktionen zu bewältigen, verwenden Sie Try/Catch, verarbeiten Sie sie in der Anrufkette, verwenden Sie die .catch () -Methode und hören Sie auf uneingeschränkte Ereignisse zu. 1. Verwenden Sie Try/Catch, um Fehler aufzufangen, ist die empfohlene Methode mit einer klaren Struktur und kann Ausnahmen in Wartezeiten bewältigen. 2. Die Handhabungsfehler in der Anrufkette können eine zentralisierte Logik sein, die für mehrstufige Prozesse geeignet ist. 3.. V. Die obigen Methoden stellen gemeinsam sicher, dass asynchrone Fehler korrekt erfasst und verarbeitet werden.

Virtual DOM ist ein Programmierkonzept, das reale DOM -Updates optimiert. Durch das Erstellen einer Baumstruktur, die dem realen DOM im Speicher entspricht, vermeidet sie häufig und direkter Betrieb von realem DOM. Sein Kernprinzip ist: 1. Generieren Sie ein neues virtuelles DOM, wenn sich die Daten ändert; 2. Finden Sie den kleinsten Unterschied zwischen den neuen und alten virtuellen Doms; 3. Batch -Update des realen DOM, um den Overhead von Umlagerung und Neuausrichtung zu verringern. Darüber hinaus kann die Verwendung eines einzigartigen stabilen Schlüssels die Effizienz des Listenvergleichs verbessern, während einige moderne Rahmenbedingungen andere Technologien eingesetzt haben, um virtuelles DOM zu ersetzen.

HINWEIS: 1. Verwenden Sie gewöhnliche Funktionen, um sicherzustellen, dass dies auf das Element hinweist; 2. Verwenden Sie dieselbe Funktion, um sie beim Entbinden zu verweisen. In JavaScript wird Element.adDeVentListener (EventType, Handlerfunction, Optionen) als Elementbindungsereignisse verwendet und unterstützt Multi-Processing-Funktionen und überschreibt sie nicht. Beispielsweise btn.addeventListener ('klick', function () {}); Dies in einer normalen Funktion zeigt auf das Element selbst, und die Pfeilfunktion erbt den äußeren Bereich, sodass gewöhnliche Funktionen ausgewählt werden sollten, wenn dies beteiligt ist. Wenn es notwendig ist, es zu entfernen

Der Umfang von JavaScript bestimmt den Zugangsumfang von Variablen, die in globale, Funktions- und Blockebene unterteilt sind. Der Kontext bestimmt die Richtung davon und hängt von der Funktionsaufrufmethode ab. 1. Scopes umfassen globaler Umfang (überall zugänglich), Funktionsumfang (nur innerhalb der Funktion gültig) und Blockebene (LET und const sind innerhalb von {} gültig). 2. Der Ausführungskontext enthält das variable Objekt, die Bereichskette und die Werte davon. Dies weist auf globale oder undefinierte in der normalen Funktion hin, die Methode richtet sich auf das Anrufobjekt, der Konstruktor auf das neue Objekt und kann auch explizit durch Anruf/Anwendung/Bindung angegeben werden. 3.. Verschluss bezieht sich auf Funktionen, die auf externe Bereiche zugreifen und sich erinnern. Sie werden häufig zur Kapselung und zum Cache verwendet, können aber verursachen