जावास्क्रिप्ट में एरो फ़ंक्शंस

एरो फ़ंक्शन जावास्क्रिप्ट में फ़ंक्शन लिखने का एक संक्षिप्त और आधुनिक तरीका है। वे वाक्यविन्यास को सरल बनाते हैं और पारंपरिक फ़ंक्शन अभिव्यक्तियों की तुलना में कुछ उल्लेखनीय लाभ प्रदान करते हैं। यहां जावास्क्रिप्ट में एरो फ़ंक्शन को समझने और उपयोग करने के लिए एक त्वरित मार्गदर्शिका दी गई है।

एरो फ़ंक्शंस क्या हैं?

एरो फ़ंक्शंस लेखन फ़ंक्शंस के लिए एक शॉर्टहैंड सिंटैक्स हैं। वे फ़ंक्शन को परिभाषित करने के लिए अधिक सुव्यवस्थित तरीका प्रदान करते हैं और पारंपरिक फ़ंक्शन अभिव्यक्तियों की तुलना में उनमें कुछ महत्वपूर्ण अंतर हैं, विशेष रूप से वे इस कीवर्ड को कैसे संभालते हैं।

मूल सिंटेक्स

एरो फ़ंक्शन के लिए सिंटैक्स संक्षिप्त और सीधा है। यहां मूल प्रारूप है:

const functionName = (parameters) => {
  // function body
};

एकल पैरामीटर

यदि आपके तीर फ़ंक्शन में एक पैरामीटर है, तो आप कोष्ठक को छोड़ सकते हैं:

const greet = name => {
  return `Hello, ${name}!`;
};

console.log(greet('Melissa')); 
// Outputs: Hello, Melissa!

कोई पैरामीटर नहीं

बिना पैरामीटर वाले फ़ंक्शंस के लिए, खाली कोष्ठक का उपयोग करें:

const sayHello = () => {
  return 'Hello, World!';
};

console.log(sayHello()); 
// Outputs: Hello, World!

एकाधिक पैरामीटर

यदि फ़ंक्शन में एकाधिक पैरामीटर हैं, तो उनके चारों ओर कोष्ठक शामिल करें:

const add = (a, b) => {
  return a   b;
};

console.log(add(5, 3)); 
// Outputs: 8

संक्षिप्त शरीर

यदि फ़ंक्शन बॉडी में एकल अभिव्यक्ति होती है तो एरो फ़ंक्शन में अधिक संक्षिप्त वाक्यविन्यास हो सकता है। इस मामले में, ब्रेसिज़ और रिटर्न कीवर्ड छोड़ दिए जाते हैं:

const square = x => x * x;

console.log(square(4)); 
// Outputs: 16

पारंपरिक कार्यों से मुख्य अंतर

1. यह बाइंडिंग

एरो फ़ंक्शंस का अपना यह संदर्भ नहीं होता है। इसके बजाय, उन्हें यह आसपास के शाब्दिक संदर्भ से विरासत में मिला है। यह उन्हें उन स्थितियों के लिए उपयोगी बनाता है जहां आपको इस मान को संरक्षित करने की आवश्यकता होती है, जैसे कि कॉलबैक में।

पारंपरिक कार्य उदाहरण:

function counter() {
  this.value = 0;

  setInterval(function() {
    this.value  ; // `this` refers to the global object or undefined in strict mode
    console.log(this.value);
  }, 1000);
}

new counter(); 
// `this.value` will not behave as expected

एरो फ़ंक्शन उदाहरण:

function counter() {
  this.value = 0;

  setInterval(() => {
    this.value  ; 
    // `this` refers to the instance of counter
    console.log(this.value);
  }, 1000);
}

new counter(); 

2. कोई तर्क नहीं वस्तु

एरो फ़ंक्शंस का अपना तर्क ऑब्जेक्ट नहीं होता है। यदि फ़ंक्शन तर्कों तक पहुंच की आवश्यकता है, तो पारंपरिक फ़ंक्शन इन अनुप्रयोगों के लिए बेहतर अनुकूल हो सकते हैं।

एरो फ़ंक्शंस का उपयोग कब करें

• लघु फ़ंक्शन: जब आपको एक सरल, एक-लाइनर फ़ंक्शन की आवश्यकता होती है, तो एरो फ़ंक्शन एक क्लीनर सिंटैक्स प्रदान करते हैं।
• कॉलबैक: एरो फ़ंक्शन कॉलबैक फ़ंक्शन में उपयोगी होते हैं, खासकर जब आप इस संदर्भ को संरक्षित करना चाहते हैं।

निष्कर्ष

एरो फ़ंक्शन जावास्क्रिप्ट में फ़ंक्शन लिखने का एक संक्षिप्त और अभिव्यंजक तरीका प्रदान करते हैं। उनका सरलीकृत वाक्यविन्यास और इसका शाब्दिक दायरा उन्हें आधुनिक जावास्क्रिप्ट विकास में एक मूल्यवान उपकरण बनाता है।