Promise ਕੀ ਹੈ ਅਤੇ ਇਸ ਦੀਆਂ ਕਿਹੜੀਆਂ ਅਵਸਥਾਵਾਂ ਹਨ?

Question

Accepted Answer

ਇੱਕ **Promise** ਇੱਕ ਆਬਜੈਕਟ ਹੈ ਜੋ ਇੱਕ ਮੁੱਲ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ ਜੋ ਅਜੇ ਉਪਲਬਧ ਨਹੀਂ ਹੋ ਸਕਦਾ — ਇੱਕ asynchronous ਓਪਰੇਸ਼ਨ ਦਾ ਅੰਤਮ ਨਤੀਜਾ। ਇਸ ਦੀਆਂ ਤਿੰਨ ਅਵਸਥਾਵਾਂ ਹਨ:

- **pending** — ਸ਼ੁਰੂਆਤੀ, ਅਜੇ ਸੁਲਝਿਆ ਨਹੀਂ ਗਿਆ।
- **fulfilled** — ਸਫਲਤਾ ਨਾਲ ਪੂਰਾ ਕੀਤਾ ਗਿਆ (ਇੱਕ ਮੁੱਲ ਹੈ)।
- **rejected** — ਅਸਫਲ (ਇੱਕ ਕਾਰਨ/ਗਲਤੀ ਹੈ)।

ਜਦੋਂ ਇਹ ਸੁਲਝ ਜਾਂਦਾ ਹੈ (fulfilled ਜਾਂ rejected) ਇਹ **immutable** ਹੈ — ਇਹ ਫਿਰ ਨਹੀਂ ਬਦਲ ਸਕਦਾ।

```js
fetch("/api/user")
  .then(res => res.json())     // runs on fulfillment; return value flows down
  .then(user => render(user))
  .catch(err => showError(err)) // runs on ANY rejection in the chain
  .finally(() => hideSpinner()); // always runs
```

## Chaining flattens nested async

`.then` ਦੇ ਅੰਦਰ ਇੱਕ promise ਨੂੰ ਵਾਪਸ ਕਰਨਾ ਇਸ ਤੋਂ ਪਹਿਲਾਂ ਇਸ ਦਾ ਇੰਤਜ਼ਾਰ ਕਰਦਾ ਹੈ, ਤਾਂ ਜੋ ਤੁਸੀਂ ਡੂੰਘੇ nested callbacks ("callback hell") ਤੋਂ ਬਚ ਸਕੋ:

```js
getUser(id)
  .then(user => getPosts(user.id)) // returns a promise → chain waits for it
  .then(posts => console.log(posts));
```

## Combinators for multiple promises

```js
Promise.all([a, b, c]);     // wait for ALL; rejects fast if any fails
Promise.allSettled([a, b]); // wait for all, get each result/error
Promise.race([a, b]);       // settles with the FIRST to settle
Promise.any([a, b]);        // first to FULFILL (ignores rejections)
```

## ਇਹ ਮਾਇਨੇ ਰੱਖਦਾ ਹੈ

Promises async JS ਦੀ ਨੀਂਦ ਹਨ — ਉਹਨਾਂ ਨੇ callback nesting ਨੂੰ ਬਦਲ ਦਿੱਤਾ, `.catch` ਦੁਆਰਾ ਯੂਨੀਫਾਈਡ error handling ਦਿੱਤੀ, ਅਤੇ `async/await` ਸਿਰਫ਼ ਉਸ ਦੇ ਉੱਪਰ ਬਿਹਤਰ syntax ਹੈ।

`.catch` ਨੂੰ ਭੁੱਲਣਾ (ਇੱਕ ਅਨਹੈਂਡਲਡ rejection) ਇੱਕ ਆਮ ਬੱਗ ਹੈ।