Question 1

Was gibt die Methode fetch() zurück, wenn sie aufgerufen wird?

Accepted Answer

fetch() gibt eine Promise zurück, die mit einem Response-Objekt aufgelöst wird. Im Gegensatz zu axios lehnt fetch HTTP-Fehler (wie 404 oder 500) nicht automatisch ab, daher ist es notwendig, response.ok zu prüfen, bevor die Daten geparst werden. Dieser Ansatz bietet mehr Kontrolle über die Fehlerbehandlung, erfordert aber eine explizite Statusprüfung.

Question 2

Wie extrahiert man JSON-Daten aus einem mit fetch() erhaltenen Response-Objekt?

Accepted Answer

Das Response-Objekt besitzt eine json()-Methode, die eine Promise zurückgibt, die mit den geparsten Daten aufgelöst wird. Diese Methode ist asynchron, da sie den Antwortkörper schrittweise liest. Es ist wichtig, zuerst response.ok zu prüfen, bevor json() aufgerufen wird, um sicherzustellen, dass die Anfrage erfolgreich war.

Question 3

Welche Eigenschaft des Response-Objekts ermöglicht es zu prüfen, ob die HTTP-Anfrage erfolgreich war?

Accepted Answer

Die Eigenschaft response.ok gibt true zurück, wenn der HTTP-Statuscode zwischen 200 und 299 liegt, was eine erfolgreiche Antwort anzeigt. Diese Eigenschaft ist wichtig, da fetch() im Gegensatz zu axios HTTP-Fehler nicht automatisch ablehnt. response.ok vor der Datenverarbeitung zu prüfen, ist eine bewährte Praxis, um das Parsen von Fehlerantworten zu vermeiden.

Datenabruf & API

Was gibt die Methode fetch() zurück, wenn sie aufgerufen wird?

Antwort

Wie extrahiert man JSON-Daten aus einem mit fetch() erhaltenen Response-Objekt?

Antwort

Welche Eigenschaft des Response-Objekts ermöglicht es zu prüfen, ob die HTTP-Anfrage erfolgreich war?

Antwort

Welches Schlüsselwort ermöglicht es, in einer async-Funktion synchron auf die Auflösung einer Promise zu warten?

In welcher Reihenfolge sollten die folgenden Methoden bei einem fetch() aufgerufen werden: json(), then(), catch()?

Weitere React / Next.js-Interviewthemen

JavaScript-Grundlagen

React-Grundlagen

React Hooks

Komponentenlebenszyklus

React Router

Zustandsverwaltung mit Context

Formulare & Controlled Components

React Query (TanStack Query)

Styling & CSS-in-JS

Next.js Grundlagen

TypeScript mit React

Next.js Data Fetching

Next.js Server Actions

Routing & Navigation in Next.js

Next.js API Routes

Next.js Metadata & SEO

Next.js Middleware & Auth

React Testing

Zustand State Management

React Performance-Optimierung

Error Boundaries & Error Handling

Advanced React Patterns

Erweiterte Next.js-Funktionen

Next.js Deployment & Produktion

Architecture & Design Patterns

React Server Components

Next.js Internationalisierung

React Sicherheit & Best Practices

Meistere React / Next.js für dein nächstes Interview