suchen
HeimWeb-Frontendjs-TutorialAlles über Javascript für Fortgeschrittene

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

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
JavaScript -Datentypen: Gibt es einen Unterschied zwischen Browser und NodeJs?JavaScript -Datentypen: Gibt es einen Unterschied zwischen Browser und NodeJs?May 14, 2025 am 12:15 AM

JavaScript -Kerndatentypen sind in Browsern und Knoten.js konsistent, werden jedoch unterschiedlich als die zusätzlichen Typen behandelt. 1) Das globale Objekt ist ein Fenster im Browser und global in node.js. 2) Node.js 'eindeutiges Pufferobjekt, das zur Verarbeitung von Binärdaten verwendet wird. 3) Es gibt auch Unterschiede in der Leistung und Zeitverarbeitung, und der Code muss entsprechend der Umgebung angepasst werden.

JavaScript -Kommentare: Eine Anleitung zur Verwendung // und / * * /JavaScript -Kommentare: Eine Anleitung zur Verwendung // und / * * /May 13, 2025 pm 03:49 PM

JavaScriptUSESTWOTYPESOFCOMMENMENTEN: Einzelzeilen (//) und Multi-Linie (//). 1) Verwendung // Forquicknotesorsingle-Linexplanationen.2 Verwendung // ForlongerExPlanationsCompomentingingoutblocks-

Python gegen JavaScript: Eine vergleichende Analyse für EntwicklerPython gegen JavaScript: Eine vergleichende Analyse für EntwicklerMay 09, 2025 am 12:22 AM

Der Hauptunterschied zwischen Python und JavaScript sind die Typ -System- und Anwendungsszenarien. 1. Python verwendet dynamische Typen, die für wissenschaftliche Computer- und Datenanalysen geeignet sind. 2. JavaScript nimmt schwache Typen an und wird in Front-End- und Full-Stack-Entwicklung weit verbreitet. Die beiden haben ihre eigenen Vorteile bei der asynchronen Programmierung und Leistungsoptimierung und sollten bei der Auswahl gemäß den Projektanforderungen entschieden werden.

Python vs. JavaScript: Auswählen des richtigen Tools für den JobPython vs. JavaScript: Auswählen des richtigen Tools für den JobMay 08, 2025 am 12:10 AM

Ob die Auswahl von Python oder JavaScript vom Projekttyp abhängt: 1) Wählen Sie Python für Datenwissenschafts- und Automatisierungsaufgaben aus; 2) Wählen Sie JavaScript für die Entwicklung von Front-End- und Full-Stack-Entwicklung. Python ist für seine leistungsstarke Bibliothek in der Datenverarbeitung und -automatisierung bevorzugt, während JavaScript für seine Vorteile in Bezug auf Webinteraktion und Full-Stack-Entwicklung unverzichtbar ist.

Python und JavaScript: Verständnis der Stärken der einzelnenPython und JavaScript: Verständnis der Stärken der einzelnenMay 06, 2025 am 12:15 AM

Python und JavaScript haben jeweils ihre eigenen Vorteile, und die Wahl hängt von den Projektbedürfnissen und persönlichen Vorlieben ab. 1. Python ist leicht zu erlernen, mit prägnanter Syntax, die für Datenwissenschaft und Back-End-Entwicklung geeignet ist, aber eine langsame Ausführungsgeschwindigkeit hat. 2. JavaScript ist überall in der Front-End-Entwicklung und verfügt über starke asynchrone Programmierfunktionen. Node.js macht es für die Entwicklung der Vollstapel geeignet, die Syntax kann jedoch komplex und fehleranfällig sein.

JavaScripts Kern: Ist es auf C oder C aufgebaut?JavaScripts Kern: Ist es auf C oder C aufgebaut?May 05, 2025 am 12:07 AM

JavaScriptisnotbuiltoncorc; Es ist angehört, dass sich JavaScriptWasdedeSthatrunsonGineoFtencninc.

JavaScript-Anwendungen: Von Front-End bis Back-EndJavaScript-Anwendungen: Von Front-End bis Back-EndMay 04, 2025 am 12:12 AM

JavaScript kann für die Entwicklung von Front-End- und Back-End-Entwicklung verwendet werden. Das Front-End verbessert die Benutzererfahrung durch DOM-Operationen, und die Back-End-Serveraufgaben über node.js. 1. Beispiel für Front-End: Ändern Sie den Inhalt des Webseitentextes. 2. Backend Beispiel: Erstellen Sie einen Node.js -Server.

Python vs. JavaScript: Welche Sprache sollten Sie lernen?Python vs. JavaScript: Welche Sprache sollten Sie lernen?May 03, 2025 am 12:10 AM

Die Auswahl von Python oder JavaScript sollte auf Karriereentwicklung, Lernkurve und Ökosystem beruhen: 1) Karriereentwicklung: Python ist für die Entwicklung von Datenwissenschaften und Back-End-Entwicklung geeignet, während JavaScript für die Entwicklung von Front-End- und Full-Stack-Entwicklung geeignet ist. 2) Lernkurve: Die Python -Syntax ist prägnant und für Anfänger geeignet; Die JavaScript -Syntax ist flexibel. 3) Ökosystem: Python hat reichhaltige wissenschaftliche Computerbibliotheken und JavaScript hat ein leistungsstarkes Front-End-Framework.

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Nordhold: Fusionssystem, erklärt
4 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
Mandragora: Flüstern des Hexenbaum
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

VSCode Windows 64-Bit-Download

VSCode Windows 64-Bit-Download

Ein kostenloser und leistungsstarker IDE-Editor von Microsoft

SublimeText3 Linux neue Version

SublimeText3 Linux neue Version

SublimeText3 Linux neueste Version

SublimeText3 Englische Version

SublimeText3 Englische Version

Empfohlen: Win-Version, unterstützt Code-Eingabeaufforderungen!