Cơ BảnJavaScript iconJavaScript

.then(), .catch() và .finally() hoạt động như thế nào?

  • .then(...): chạy khi Promise thành công.
  • .catch(...): chạy khi có lỗi ở Promise trước đó.
  • .finally(...): luôn chạy sau cùng (dù thành công hay lỗi).

Ví dụ:

javascript
fetch(url)
  .then(r => r.json())
  .then(data => console.log(data))
  .catch(err => console.error(err))
  .finally(() => setLoading(false))

Mẹo cho người mới: dùng finally để dọn trạng thái UI như loading.

Xem toàn bộ JavaScript cùng filter theo level & chủ đề con.

Mở danh sách JavaScript