Beispiel-JavaScript-Karteikarten aus unserer App

Laden Sie unsere App aus dem App Store oder Google Play herunter, um mehr kostenlose Lernkarten zu erhalten, oder abonnieren Sie für Zugriff auf alle Lernkarten.

JavaScript

Was ist lexikalischer Geltungsbereich in JavaScript?

Lexikalischer Bereich in JavaScript ist ein Prinzip, bei dem der Sichtbarkeitsbereich einer Variablen durch ihre Position im Code bestimmt wird. Das bedeutet, dass Variablen innerhalb des Blocks, in dem sie definiert wurden, sowie in allen verschachtelten Blöcken zugänglich sind. Dies ermöglicht die Erstellung von Closures und die Kontrolle über den Variablenzugriff. Beispiel für die Verwendung des lexikalischen Bereichs im JavaScript-Code:

function outerFunction() {
  let outerVariable = `Ich bin draußen!`;

  function innerFunction() {
    console.log(outerVariable); // Hat Zugang zu 'outerVariable'
  }

  innerFunction();
}
outerFunction(); // Zeigt `Ich bin draußen!`

Der lexikalische Bereich ermöglicht es einer inneren Funktion, auf Variablen zuzugreifen, die in einer äußeren Funktion definiert wurden, auch nachdem die äußere Funktion abgeschlossen ist. Dies ist ein Schlüsselelement bei der Erstellung von Closures in JavaScript, das eine flexiblere Verwaltung des Zustands in Anwendungen ermöglicht.

JavaScript

Was ist Hoisting?

"Heben" ist ein Mechanismus in JavaScript-Sprachen, bei dem Variablen und Funktionen an den Anfang ihres Geltungsbereichs verschoben werden, bevor der Code ausgeführt wird. In der Praxis bedeutet dies, dass wir Funktionen oder Variablen verwenden können, bevor sie tatsächlich deklariert wurden.

Es sollte jedoch beachtet werden, dass das Heben für Variablen und Funktionen leicht unterschiedlich funktioniert.

Für mit var deklarierte Variablen wird nur die Deklaration gehoben, nicht die Initialisierung. Vor der Deklaration initialisierte Variablen werden als undefiniert zurückgegeben.

Ein Beispiel für Heben-Code für Variablen:

console.log(myVar); // undefiniert
var myVar = 5;
console.log(myVar); // 5

Bei Funktionen verschiebt das Heben sowohl die Deklaration als auch die Definition der Funktion nach oben, was die Verwendung der Funktion vor ihrer Deklaration ermöglicht.

Ein Beispiel für Hebe-Code für Funktionen:

console.log(myFunction()); // "Hallo Welt"

function myFunction() {
  return "Hallo Welt";
}

Das Heben tritt nicht auf für Variablen, die mit let und const deklariert wurden.

JavaScript

Was ist eine Pfeilfunktion und welche Vorteile bietet sie?

Eine Pfeilfunktion, auch bekannt als Pfeilfunktion, ist eine Art von Funktion, die in ECMAScript 6 (ES6) eingeführt wurde. Sie werden Pfeilfunktionen genannt, weil sie eine spezielle Syntax mit einem Pfeil ( => ) zur Definition der Funktion verwenden.

Zum Vergleich könnte eine herkömmliche Funktion so aussehen:

function sum(a, b) {
  return a + b;
}

Ihr Äquivalent als Pfeilfunktion ist:

const sum = (a, b) => a + b;

Der Hauptvorteil einer Pfeilfunktion besteht darin, dass sie keinen eigenen Ausführungskontext (Bindung an this) erstellt, was oft eine Fehlerquelle in JavaScript ist. Bei Pfeilfunktionen wird this vom umgebenden Kontext geerbt. Ein weiterer Vorteil ist die Kürze der Syntax, besonders nützlich, wenn Funktionen als Argumente für andere Funktionen verwendet werden, z.B. in Funktionen höherer Ordnung.

Andererseits sind Pfeilfunktionen aufgrund des Fehlens eines eigenen this nicht geeignet für die Definition von Konstruktor (kreativen) Objekten oder für die Erstellung von Methoden in Prototyp-Objekten.

JavaScript

Was ist ein Promise-Objekt und wie kann es verwendet werden?

Das Promise-Objekt in JavaScript wird verwendet, um asynchrone Operationen zu verarbeiten. Ein Promise stellt einen Wert dar, der zum Zeitpunkt der Erstellung des Promise möglicherweise noch nicht verfügbar ist, aber in Zukunft verfügbar sein könnte, oder auch nie.

Ein Promise-Objekt kann in einem von drei Zuständen sein:
1. Pending - Die Operation läuft noch, sie ist weder erfolgreich abgeschlossen noch mit Fehlern beendet.
2. Fulfilled - Die Operation wurde erfolgreich abgeschlossen, Promise hat einen Wert zurückgegeben.
3. Rejected - Die Operation wurde mit einem Fehler abgeschlossen, Promise hat den Grund für den Fehler zurückgegeben.

Ein Promise, das erfüllt oder abgewiesen wurde, gilt als "abgewickelt" und sein Zustand ändert sich nie.

Erstellen eines Promise-Objekts:

const promise = new Promise((resolve, reject) => {
  const success = true;
  if (success) {
    resolve('Operation erfolgreich.');
  } else {
    reject('Operation fehlgeschlagen.');
  }
});

Verwendung eines Promise-Objekts:

promise
  .then(result => {
    console.log(result); // Gibt aus: 'Operation erfolgreich.'
  })
  .catch(error => {
    console.log(error);
  });

Die .then()-Methode wird ausgeführt, wenn das Promise erfüllt ist, und .catch(), wenn es abgelehnt wird. In beiden Fällen wird das Ergebnis der Operation oder der Grund für die Ablehnung des Promise als Argument übergeben.

Jetzt herunterladen IT Flashcards

Stärken Sie Ihren IT-Lernweg mit der ultimativen Karteikartenanwendung. Von den Grundlagen der Programmierung bis hin zur Beherrschung fortgeschrittener Technologien ist IT Flashcards Ihr Schlüssel zur IT-Exzellenz. Laden Sie jetzt herunter und entdecken Sie Ihr Potenzial in der heutigen wettbewerbsintensiven Technologiewelt.

Erhältlich bei

PLAY STORE

Herunterladen im

APP STORE