Heim >Web-Frontend >js-Tutorial >Alles über Javascript für Fortgeschrittene

Alles über Javascript für Fortgeschrittene

Linda Hamilton
Linda HamiltonOriginal
2024-11-29 07:41:13195Durchsuche

All About Javascript For Intermediate

Was ist Javascript:
Javascript ist eine Open-Source-Programmiersprache. die helfen, dynamische Webseiten zu erstellen. es ist auch als Browsersprache.
Es kann sowohl auf der Clientseite (in Browsern) als auch auf der Serverseite (unter Verwendung von Umgebungen wie Node.js) ausgeführt werden.
JavaScript unterstützt ereignisgesteuerte, nicht blockierende und asynchrone Programmierung, die für die gleichzeitige Bearbeitung mehrerer Aufgaben unerlässlich ist.

variabel:
Variablen sind der Container zum Speichern von Daten
Arten von Variablen

  • var
  • lass
  • const

Operatoren:
Javascript-Operatoren werden verwendet, um verschiedene Arten mathematischer und logischer Berechnungen durchzuführen.
Arten von Operatoren

  • Arithmetik = ,-,/,%,*
  • Vergleich
  • logisch

Datentyp
Definieren Sie den Typ der Variablen

primitiver Datentyp = Wert für Wert speichern

  • Zeichenfolge
  • Nummer
  • Bigint
  • Boolescher Wert
  • Undefiniert = wir deklarieren die Variable, der Wert ist nicht definiert. Datentyp ist undefiniert
  • Null = es handelt sich um einen Zuweisungswert, wir setzen den Wert explizit auf null. Datentyp ist Objekt
  • Symbol

nicht prämitiver Datentyp = Wert als Referenz (Adresse) speichern

  • Objekt = Integrierte Objekttypen können sein: Objekte, Arrays, Datumsangaben, Karten, Mengen, Intarrays, Floatarrays, Versprechen
  • Beispiel:
  • null == undefiniert ist wahr, aber null === undefiniert ist falsch.

Der Hauptunterschied zwischen Export und Export-Standard in JavaScript?
ist, dass der Exportstandard verwendet wird, um einen einzelnen Wert aus einem Modul zu exportieren,
während der Export mit benannten Exporten zum Exportieren mehrerer Werte verwendet wird

Der Hauptunterschied zwischen primitiven und nicht-primitiven Datentypen?

  • besteht darin, dass primitive Typen vordefiniert sind, während nicht-primitive Typen vom Programmierer erstellt werden.
  • Primitive und nicht-primitive Datenstruktur, die es Ihnen ermöglicht, nur einzelne Datentypwerte und mehrere Datentypwerte zu speichern. Primitive Datentypen werden direkt im Speicher gespeichert, während nicht-primitive Datentypen als Referenzen auf ihre Werte im Speicher gespeichert werden.
  • Primitive Datentypen werden als Wert übergeben und nicht-primitive Datentypen werden als Referenz übergeben.
  • Primitive Datentypen sind unveränderlich, was bedeutet, dass ihre Werte nach der Zuweisung nicht geändert werden können. Nicht-primitive Datentypen sind veränderbar und können geändert werden.
  • Zahlen, Zeichenfolgen und boolesche Werte sind Beispiele für primitive Datentypen, während Objekte, Arrays und Funktionen Beispiele für nicht-primitive Datentypen sind.

Funktion:
Eine JavaScript-Funktion ist ein Codeblock, der zur Ausführung einer bestimmten Aufgabe entwickelt wurde.

Ist Javascript eine statisch typisierte oder eine dynamisch typisierte Sprache?
JavaScript ist eine dynamisch typisierte Sprache. In einer dynamisch typisierten Sprache:
Der Typ einer Variablen wird im Gegensatz zu einer statisch typisierten Sprache zur Laufzeit überprüft,
Dabei wird der Typ einer Variablen während der Kompilierungszeit überprüft.

Erklären Sie die Wertübergabe und die Referenzübergabe?
In JavaScript werden primitive Datentypen als Wert und nicht-primitive Datentypen als Referenz übergeben.
primitive Datentypen = Zeichenfolge, Zahl, Boolescher Wert, Null, undefiniert
nicht-primitive Datentypen = Objekte, Arrays

Was meinst du mit striktem Modus in Javascript und den Merkmalen des strikten Javascript-Modus?
ermöglicht es Ihnen, einen Code oder eine Funktion in einer strengen Betriebsumgebung zu schreiben.
Dadurch wird das Debuggen viel einfacher.

Was sind Factory-Funktionen in JavaScript?
Wenn wir eine komplexe Logik haben und immer wieder mehrere Objekte erstellen müssen, die dieselbe Logik haben,
Wir können die Logik einmal in eine Funktion schreiben und diese Funktion als Fabrik verwenden, um unsere Objekte zu erstellen.
Es ist das Gleiche wie in einer echten Fabrik, in der Produkte hergestellt werden.
Eine Factory-Funktion ist eine Funktion, die ein Objekt zurückgibt.

Funktionen höherer Ordnung:
Funktion nimmt eine andere Funktion als Argument oder gibt die Funktion zurück.
Karte, Filter und Reduzierungsfunktion sind alles Beispiele von HOF.
Funktionen höherer Ordnung sind nützlich für Aufgaben wie Ereignisbehandlung, Datentransformation (z. B. Karte und Filter) und das Erstellen von Funktionsfabriken oder Dekoratoren.

Schließungen:
Abschlüsse werden erstellt, wenn eine Funktion innerhalb einer anderen Funktion definiert wird,
und die innere Funktion behält den Zugriff auf die Variablen und Methoden im Gültigkeitsbereich der äußeren Funktion
Der Abschluss bietet eine Möglichkeit, Daten innerhalb von Funktionen zu kapseln und so einen kontrollierten Zugriff auf diese Daten zu ermöglichen, während sie gleichzeitig vor dem äußeren Bereich verborgen bleiben.

Rückrufe:
Funktionen, die als Argument für eine andere Funktion verwendet werden, werden Callback-Funktionen genannt.
Ein Rückruf ist eine Funktion, die ausgeführt wird, nachdem eine andere Funktion ausgeführt wurde.
Anwendungsfall der Rückruffunktion, wenn wir einen asynchronen Vorgang ausführen möchten.

map() vs forEach()
map()=> Iteriert über jedes Element eines Arrays und wendet auf jedes Element eine Transformationsfunktion an.
Ändert das ursprüngliche Array nicht; es erstellt ein neues Array mit transformierten Elementen.
forEach()=> Durchläuft jedes Element eines Arrays und führt für jedes Element eine bereitgestellte Rückruffunktion aus.
Erstellt kein neues Array und ändert das vorhandene Array nicht. es führt nur die Callback-Funktion aus.

map() vs. filter() vs. Reduce()
map()es wird ein neues Array zurückgeben
filter() ähnelt map() und gibt ebenfalls ein neues Array zurück, wenn die Bedingung jedoch wahr ist. Wird verwendet, wenn wir eine Bedingung anwenden möchten.
Reduce() gibt einen einzelnen Wert aus einem Array zurück.

dieses Schlüsselwort:
Der Wert des Schlüsselworts this hängt immer von dem Objekt ab, das die Funktion aufruft.

Curry:
Transformiere eine Funktion mit n Argumenten in n Funktionen.
Anwendungsfall, der eine teilweise Anwendung ermöglicht (wenn Sie eine Funktion haben, die mehrere Argumente akzeptiert, Sie aber nur einige davon korrigieren und andere für die spätere Verwendung offen lassen möchten),
Wiederverwendung von Code.
z.B.

function add (a) {
  return function(b){
    return a + b;
  }
}
add(3)(4)

Normal vs. Pfeilfunktion ?
normale Funktion:
Dies bezieht sich auf das Objekt, das die Funktion aufruft
kann als Konstruktor verwendet werden
Funktionsdeklarationen werden angehoben (Hosting zulassen)
Pfeilfunktion:
habe kein eigenes
kann nicht als Konstruktor verwendet werden
Funktionsdeklarationen werden nicht angehoben (Hosting nicht zulässig) // myfunc ist keine Funktion

normaler und ternärer Zustand?
Ternäre Bedingung speichert die Referenz ohne diesen Kontext.

Was ist der Unterschied zwischen den Methoden exec() und test() in Javascript?
test () und exec () sind RegExp-Ausdrucksmethoden, die in Javascript verwendet werden.

Einige Vorteile der Verwendung von externem JavaScript?
Wir können den Code wiederverwenden.
Die Lesbarkeit des Codes ist in externem Javascript einfach (Code-Modularisierung)

Prototyp:
Mit der JavaScript-Prototyp-Eigenschaft können Sie auch neue Eigenschaften und Methoden zu Objektkonstruktoren hinzufügen.
Anwendungsfall zum Testen

Auswendiglernen:
Memoisierung ist eine Form des Cachings, bei der der Rückgabewert einer Funktion basierend auf ihren Parametern zwischengespeichert wird.
Wenn der Parameter dieser Funktion nicht geändert wird, wird die zwischengespeicherte Version der Funktion zurückgegeben.

DOM:
DOM steht für Document Object Model. DOM ist eine Programmierschnittstelle für HTML.
Wenn der Browser versucht, ein HTML-Dokument zu rendern, erstellt er ein DOM
Mit diesem DOM können wir verschiedene Elemente innerhalb des HTML-Dokuments manipulieren oder ändern.

Stückliste:
Das Browser-Objektmodell wird als BOM bezeichnet. Es ermöglicht Benutzern die Interaktion mit dem Browser.
Das Ausgangsobjekt eines Browsers ist ein Fenster.

Versprechen:
Versprechen werden verwendet, um asynchrone Vorgänge in Javascript abzuwickeln. Vor Versprechen wurden Rückrufe zur Abwicklung asynchroner Vorgänge verwendet.
Promise-Objekt hat vier Zustände –
Ausstehend – Anfangsstatus der Zusage.
Erfüllt – Dieser Zustand bedeutet, dass das Versprechen erfüllt wurde.
Abgelehnt – Dieser Status bedeutet, dass das Versprechen abgelehnt wurde.
Erledigt – Dieser Zustand bedeutet, dass das Versprechen entweder abgelehnt oder erfüllt wurde.

asynchron/warten:
Es basiert auf Versprechen und bietet eine präzisere Möglichkeit, asynchronen Code zu schreiben, wodurch das Lesen und Schreiben erleichtert wird.
Das Schlüsselwort async wird verwendet, um die Synchronisierungsfunktion zu deklarieren, und das Schlüsselwort „await“ wird verwendet, um auf die Auflösung von Versprechen zu warten.

Express vs. Struktur
=>express ist ein Wert, der einen Wert zurückgibt
z.B.

function add (a) {
  return function(b){
    return a + b;
  }
}
add(3)(4)

5 und myfun() geben einen Wert zurück, der ein Ausdruck ist
Anweisung, die eine Aktion anweist und anordnet, aber keinen Wert zurückgibt
z.B. wenn, sonst, während sind das Aussagen
while(i<2){}

Restparameter und Spread-Operator:
Rest-Parameter kombinierte das einzelne Element zu einem Array
Der Spread-Operator wird verwendet, um ein Array in ein einzelnes Element zu unterteilen

Generatorfunktionen ?
Sie können auf halbem Weg angehalten werden und dann dort weitermachen, wo sie angehalten haben.
Das Generatorobjekt besteht aus einer Methode namens next(). Wenn diese Methode aufgerufen wird, führt sie den Code bis zur nächsten Yield-Anweisung aus und gibt den Yield-Wert zurück.

call(),apply() und bind():
All dies dient dazu, diesem Schlüsselwort ein Objekt zuzuordnen (diesem Schlüsselwort einen Wert zuzuweisen)
Anwendungsfall, wenn wir dieses Schlüsselwort einer Funktion mit dem gewünschten Objekt manipulieren möchten
Die bind()-Methode erstellt eine neue Funktion, deren Schlüsselwort this beim Aufruf auf den angegebenen Wert (z. B. Objekt) gesetzt ist. Es wird ein neues Objekt erstellt.
call() und apply() dienen genau dem gleichen Zweck. Die call()-Methode erstellt keine Kopie der Funktion, für die sie aufgerufen wird.
Der einzige Unterschied zwischen ihrer Funktionsweise besteht darin, dass call() erwartet, dass alle Parameter einzeln übergeben werden,
wohingegen apply() ein Array aller unserer Parameter erwartet.

IIFE:
Sofort aufgerufene Funktion, die ausgeführt wird, sobald sie definiert ist.
z.B.

const x=5;
const y=myfun();

reine Funktion:
dieselbe Ausgabe für dieselbe Eingabe erzeugen. Dies geschieht, wenn die Operanden eines Ausdrucks unterschiedliche Datentypen haben.
Funktion, die den externen Zustand oder die Variable nicht verändert

Ist Javascript eine statisch typisierte oder eine dynamisch typisierte Sprache?
In einer dynamisch typisierten Sprache wird der Typ einer Variablen im Gegensatz zu einer statisch typisierten Sprache zur Laufzeit überprüft,
Dabei wird der Typ einer Variablen während der Kompilierungszeit überprüft.
z.B.
statischer Typ

(function(){ 
  // Do something;
})();

dynamischer Typ

string name="salman"; 
// varaible has types

Coercoin:
die automatische Konvertierung von Werten von einem Datentyp in einen anderen.
String-Zwang
Wandeln Sie die Zahl in einen String um
- String in Zahl umwandeln

NaN():
Die Funktion isNaN() wandelt den angegebenen Wert in einen Zahlentyp um und entspricht dann NaN.

ASP-Skript vs. Javascript ?
Das ASP-Skript wird auf dem Server ausgeführt, während JavaScript im Browser des Clients ausgeführt wird.
ASP-Skript ist eine serverseitige Sprache, die zur Bearbeitung komplexer Aufgaben wie Datenbankabfragen, Formularübermittlungen und Benutzerauthentifizierung verwendet wird.
während JavaScript eine clientseitige Sprache ist, die zum Erstellen interaktiver Elemente auf Webseiten verwendet wird, wie z. B. Animationen, Popup-Fenster und Formularvalidierung.

Undefinierter Wert:
Wert ist nicht definiert, aber Variable ist vorhanden
fehlende Eigenschaft in einem Objekt

eslint:
Es hilft beim Debuggen und Beheben häufiger Schwachstellen im Javascript-Code

Willst du mehr über mich erfahren, schreibe einfach sallbro in die Suchmaschine...

Das obige ist der detaillierte Inhalt vonAlles über Javascript für Fortgeschrittene. 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