async/await કેવી રીતે કામ કરે છે?

Question

Accepted Answer

`async/await` એ **Promises ઉપર syntax sugar** છે જે તમને તुલનાત્મક કોડ જેવો દેખાય તેવો અસંક્રમણીય કોડ લખવા દે છે। `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
  }
}
```

## ક્રમાંક વિ સમાંતર — સામાન્ય કામગીરી ભૂલ

`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()]);
```

## ભૂલ સંભાળ

`.catch` ની જગ્યાએ `try/catch` નો ઉપયોગ કરો. અસ્વીકૃત awaited promise ફેંકી દે છે, તેથી એક `catch` આખો બ્લોક આવરી લે છે।

## હૂડ હેઠળ

ે હજુ Promises અને microtask queue છે — `await` થ્રેડને બ્લોક કરતો નથી; તે નિયંત્રણ આપે છે તેથી અન્ય કોડ ચલે, પછી ફરી શરૂ કરે છે. ભૂલશો નહીં: `async` ફંક્શનને બોલાવવું કર્યા વિના `await` (અથવા `.catch`) તે ભૂલોને છુપાવી શકે છે।

## શા માટે તે અગત્ય છે

તે અસંક્રમણીય પ્રવાહોને વાચ્ય બનાવે છે અને અસંક્રમણીય કાર્ય ક્રમમાં આધુનિક ડિફોલ્ટ છે — પણ તમે સ્વતંત્ર કામગીરી સાથે `Promise.all` સમાંતર કરવાનું સાવચેતીપૂર્વક કરવું જોઈએ.