ES6 एरो फ़ंक्शंस में स्पष्ट रिटर्न की आवश्यकता कब होती है?

ES6 में, एरो फ़ंक्शंस अपने संक्षिप्त शरीर के भीतर अभिव्यक्ति को स्पष्ट रूप से लौटाते हैं, समाप्त करते हैं एकल अभिव्यक्ति वाले परिदृश्यों में रिटर्न कीवर्ड की आवश्यकता। हालाँकि, ऐसे विशिष्ट मामले हैं जहां एक स्पष्ट रिटर्न स्टेटमेंट अभी भी आवश्यक है।

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

• जब कोई ब्लॉक होता है वर्तमान: घुंघराले ब्रेसिज़ (एक ब्लॉक) वाला एक तीर फ़ंक्शन अपना अंतर्निहित रिटर्न व्यवहार खो देता है। फ़ंक्शन के रिटर्न मान को निर्दिष्ट करने के लिए एक स्पष्ट रिटर्न स्टेटमेंट का उपयोग किया जाना चाहिए। उदाहरण:

() => { console.log('Hello'); } // Implicit return, logs 'Hello'
() => { return 'Hello'; } // Explicit return, returns 'Hello'

• अस्पष्ट वाक्यविन्यास: स्पष्ट रिटर्न के बिना ब्रेसिज़ का उपयोग करने से वाक्यात्मक अस्पष्टता पैदा हो सकती है। उदाहरण के लिए, निम्नलिखित एरो फ़ंक्शन:

(name) => {id: name}

अनिर्धारित लौटाता है क्योंकि ब्रेसिज़ एक ब्लॉक को इंगित करते हैं, आईडी को एक लेबल के बजाय एक लेबल के रूप में व्याख्या करते हैं संपत्ति का नाम।

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

उदाहरण

अंतर्निहित रिटर्न:

(name) => name   '!'; // Implicit return, returns 'Jess!'

स्पष्ट वापसी:

(name) => { return name   '!'; } // Explicit return, returns 'Jess!'

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