Πώς λειτουργεί το async/await;

Question

Accepted Answer

`async/await` είναι **syntactic sugar πάνω από Promises** που σας επιτρέπει να γράφετε ασύγχρονο κώδικα που διαβάζεται όπως σύγχρονος κώδικας. Μια συνάρτηση `async` επιστρέφει πάντα ένα Promise· το `await` σταματά τη συνάρτηση έως ότου ένα Promise ευθυγραμμιστεί, και στη συνέχεια συνεχίζει με την τιμή του.

```js
async function loadUser(id) {
  try {
    const res = await fetch(`/api/users/${id}`); // pause until the response
    const user = await res.json();               // pause until parsed
    return user;                                  // becomes the resolved value
  } catch (err) {
    console.error(err); // catches rejections from any await above
  }
}
```

## Sequential vs parallel — a common performance mistake

Το `await` εκτελεί πράγματα **ένα-ένα**. Αν δύο αιτήματα δεν εξαρτώνται το ένα από το άλλο, η αναμονή τους διαδοχικά είναι σπατάλη χρόνου:

```js
// ❌ sequential — total time = a + b
const a = await getA();
const b = await getB();

// ✅ parallel — total time = max(a, b)
const [a, b] = await Promise.all([getA(), getB()]);
```

## Χειρισμός σφαλμάτων

Χρησιμοποιήστε `try/catch` αντί για `.catch`. Ένα απορριφθέν αναμενόμενο Promise ρίχνει εξαίρεση, επομένως ένα `catch` καλύπτει ολόκληρο το μπλοκ.

## Κάτω από την επιφάνεια

Είναι ακόμα Promises και η microtask queue — το `await` δεν μπλοκάρει το νήμα· παραδίδει τον έλεγχο για να τρέχει άλλος κώδικας, και στη συνέχεια συνεχίζει. Μην ξεχάσετε: η κλήση συνάρτησης `async` χωρίς να περιμένετε (ή χωρίς `.catch`) μπορεί να κρύψει σφάλματα.

## Γιατί είναι σημαντικό

Κάνει τις ασύγχρονες ροές αναγνώσιμες και είναι η σύγχρονη προεπιλογή για την ακολουθιακή διάταξη ασύγχρονης εργασίας — αλλά πρέπει να παραλληλοποιήσετε συνειδητά ανεξάρτητες λειτουργίες με `Promise.all`.