Question 1

Phương thức fetch() trả về gì khi được gọi?

Accepted Answer

fetch() trả về một Promise được resolve với một đối tượng Response. Khác với axios, fetch không tự động reject các lỗi HTTP (như 404 hay 500), vì vậy cần kiểm tra response.ok trước khi parse dữ liệu. Cách tiếp cận này cho phép kiểm soát tốt hơn việc xử lý lỗi nhưng yêu cầu kiểm tra trạng thái một cách tường minh.

Question 2

Làm thế nào để trích xuất dữ liệu JSON từ một đối tượng Response nhận được từ fetch()?

Accepted Answer

Đối tượng Response có phương thức json() trả về một Promise được resolve với dữ liệu đã được parse. Phương thức này là bất đồng bộ vì nó đọc body của response một cách tuần tự. Điều quan trọng là phải kiểm tra response.ok trước khi gọi json() để đảm bảo request đã thành công.

Question 3

Thuộc tính nào của đối tượng Response cho phép kiểm tra xem request HTTP có thành công hay không?

Accepted Answer

Thuộc tính response.ok trả về true nếu mã trạng thái HTTP nằm trong khoảng 200 đến 299, cho biết phản hồi thành công. Thuộc tính này rất quan trọng vì fetch() không tự động reject các lỗi HTTP, khác với axios. Kiểm tra response.ok trước khi xử lý dữ liệu là một best practice để tránh parse các phản hồi lỗi.

Lấy dữ liệu & API

Phương thức fetch() trả về gì khi được gọi?

Câu trả lời

Làm thế nào để trích xuất dữ liệu JSON từ một đối tượng Response nhận được từ fetch()?

Câu trả lời

Thuộc tính nào của đối tượng Response cho phép kiểm tra xem request HTTP có thành công hay không?

Câu trả lời

Từ khóa nào cho phép chờ đợi Promise resolve một cách đồng bộ trong một hàm async?

Các phương thức sau nên được gọi theo thứ tự nào khi sử dụng fetch(): json(), then(), catch()?

Các chủ đề phỏng vấn React / Next.js khác

Nền tảng JavaScript

Nền tảng React

React Hooks

Vòng đời component

React Router

Quản lý state với Context

Biểu mẫu và Controlled Components

React Query (TanStack Query)

Styling & CSS-in-JS

Nền tảng Next.js

TypeScript với React

Data Fetching trong Next.js

Server Actions trong Next.js

Định tuyến & Điều hướng trong Next.js

API Routes trong Next.js

Metadata & SEO trong Next.js

Middleware & Auth trong Next.js

Kiểm thử React

Zustand State Management

Tối ưu hiệu năng React

Error Boundaries & Error Handling

Advanced React Patterns

Tính năng nâng cao của Next.js

Triển khai & Môi trường Production với Next.js

Architecture & Design Patterns

React Server Components

Quốc tế hóa Next.js

React Bảo mật & Thực hành tốt nhất

Nắm vững React / Next.js cho lần phỏng vấn tiếp theo