ਉੱਚ-ਕ੍ਰਮ ਵਾਲਾ ਫੰਕਸ਼ਨ ਕੀ ਹੁੰਦਾ ਹੈ?

Question

Accepted Answer

ਇੱਕ **ਉੱਚ-ਕ੍ਰਮ ਵਾਲਾ ਫੰਕਸ਼ਨ** ਇੱਕ ਫੰਕਸ਼ਨ ਹੈ ਜੋ ਘੱਟੋ ਘੱਟ ਇਕ ਕਾਰਜ ਕਰਦਾ ਹੈ: **ਇੱਕ ਫੰਕਸ਼ਨ ਨੂੰ ਆਰਗੂਮੈਂਟ ਦੇ ਤੌਰ ਤੇ ਲੈਂਦਾ ਹੈ**, ਜਾਂ **ਇੱਕ ਫੰਕਸ਼ਨ ਵਾਪਸ ਕਰਦਾ ਹੈ**। ਇਹ ਸੰਭਵ ਹੈ ਕਿਉਂਕਿ JS ਵਿੱਚ ਫੰਕਸ਼ਨ *ਪਹਿਲੀ-ਦਰਜੇ ਦੇ ਮੁੱਲ* ਹਨ (ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਨੂੰ ਕਿਸੇ ਵੀ ਮੁੱਲ ਵਾਂਗ ਆਲੇ-ਦੁਆਲੇ ਪਾਸ ਕਰ ਸਕਦੇ ਹੋ)।

## ਫੰਕਸ਼ਨ ਨੂੰ ਲੈਣਾ

```js
[1, 2, 3].map(n => n * 2);        // map takes a function
button.addEventListener("click", handler); // so does addEventListener
setTimeout(() => doThing(), 1000);
```

## ਫੰਕਸ਼ਨ ਨੂੰ ਵਾਪਸ ਕਰਨਾ (ਅਕਸਰ ਕਲੋਜ਼ਰ ਦੀ ਵਰਤੋਂ ਕਰਦਿਆਂ)

```js
function multiplier(factor) {
  return n => n * factor;  // returns a function that remembers `factor`
}
const double = multiplier(2);
const triple = multiplier(3);
double(5); // 10
triple(5); // 15
```

ਇੱਥੇ `multiplier` ਇੱਕ ਆਮ ਨਾਲੋਂ ਵਿਸ਼ੇਸ਼ ਫੰਕਸ਼ਨ ਬਣਾਉਂਦਾ ਹੈ — ਇੱਕ ਕਲੋਜ਼ਰ `factor` ਨੂੰ ਕੈਪਚਰ ਕਰਦਾ ਹੈ।

## ਇੱਕ ਵਿਹਾਰਕ ਉਦਾਹਰਣ: ਇੱਕ ਲੌਗਿੰਗ ਰੈਪਰ

```js
function withLogging(fn) {
  return (...args) => {
    console.log(`calling with`, args);
    const result = fn(...args);
    console.log(`result`, result);
    return result;
  };
}
const loggedAdd = withLogging((a, b) => a + b);
```

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

ਉੱਚ-ਕ੍ਰਮ ਵਾਲੇ ਫੰਕਸ਼ਨ ਕੋਡ ਨੂੰ **ਡਿਕਲੇਰੇਟਿਵ ਅਤੇ ਮੁੜ-ਵਰਤਬੱਲ** ਬਣਾਉਂਦੇ ਹਨ।

ਉਹ ਐਰੇ ਵਿਧੀਆਂ (`map`/`filter`/`reduce`), ਇਵੈਂਟ ਹੈਂਡਲਿੰਗ, ਮਿਡਲਵੇਅਰ, ਡੈਕੋਰੇਟਰਸ, ਕਰੀਇੰਗ, ਅਤੇ React ਪੈਟਰਨ (HOCs, ਕਸਟਮ hooks) ਦੀ ਬੁਨਿਆਦ ਹਨ।

ਬਾਰ-ਬਾਰ ਇਹੀ ਲੂਪ ਤਰਕ ਲਿਖਣ ਦੀ ਬਜਾਏ, ਤੁਸੀਂ *ਵਿਹਾਰ* ਨੂੰ ਇੱਕ ਫੰਕਸ਼ਨ ਦੇ ਤੌਰ ਤੇ ਪਾਸ ਕਰਦੇ ਹੋ।