जावास्क्रिप्ट ऐरो फंक्शन्स फंक्शन्स घोषित करने का एक तरीका है। ऐरो फंक्शन्स का उपयोग जावास्क्रिप्ट फंक्शन्स को अधिक कुशलता से और अधिक संक्षिप्त सिंटैक्स का उपयोग करके लिखने के लिए किया जा सकता है। ऐरो फंक्शन सिंटैक्स सिंगल एक्सप्रेशन्स के लिए इम्प्लिसिट रिटर्न्स का समर्थन करता है।
एक फंक्शन कोड का एक ब्लॉक है जो एक विशिष्ट कार्य करता है और/या मान लौटाता है। प्रोग्रामर्स द्वारा फंक्शन्स का उपयोग कोड बनाने के लिए किया जाता है जिसे कई बार पुन: उपयोग किया जा सकता है। यह प्रोग्राम में लाइनों की संख्या को कम करने में मदद करता है, जिससे यह अधिक कुशल बनता है।
पारंपरिक रूप से, जावास्क्रिप्ट ने फंक्शन घोषित करने का एक तरीका पेश किया: function कीवर्ड का उपयोग करके। हालांकि, ES6 के बाद से, जावास्क्रिप्ट ऐरो फंक्शन्स का समर्थन करता है जिनका उपयोग फंक्शन को अधिक कुशलता से परिभाषित करने के लिए किया जा सकता है।
इस गाइड में, हम जावास्क्रिप्ट में फंक्शन्स की मूल बातें तलाशने जा रहे हैं और चर्चा करेंगे कि जावास्क्रिप्ट ऐरो फंक्शन का उपयोग कैसे किया जा सकता है। हम यह भी चर्चा करेंगे कि आप ऐरो फंक्शन का उपयोग कहां करना चाह सकते हैं, और ऐरो फंक्शन्स का अभ्यास में उपयोग कैसे किया जा सकता है, इसे स्पष्ट करने के लिए कुछ उदाहरणों का पता लगाएंगे।
जावास्क्रिप्ट फंक्शन पुनरावलोकन
जावास्क्रिप्ट में फंक्शन घोषित करने के लिए सबसे आम मेथड नियमित function कीवर्ड का उपयोग करना है। function कीवर्ड कोडर्स को फंक्शन घोषित करने की अनुमति देता है जिसे उनके कोड में संदर्भित किया जा सकता है।
जावास्क्रिप्ट फंक्शन के लिए सिंटैक्स यहां दिया गया है:
function nameOfTheFunction() { // Code }
हमारे फंक्शन में कई भाग होते हैं। सबसे पहले, हम अपने प्रोग्राम को बताने के लिए function कीवर्ड का उपयोग करते हैं कि हम फंक्शन घोषित करने जा रहे हैं। फिर, हम अपने फंक्शन का नाम निर्दिष्ट करते हैं, जो उपरोक्त उदाहरण में nameOfTheFunction है। यह ध्यान रखना महत्वपूर्ण है कि फंक्शन नाम वेरिएबल्स के समान नियमों का उपयोग करते हैं, और इसलिए उन्हें कैमल केस में लिखा जाता है।
हमारा फंक्शन फिर ब्रैकेट्स के एक सेट द्वारा अनुसरण किया जाता है, जिसका उपयोग वैकल्पिक रूप से पैरामीटर्स को पार्स करने के लिए किया जा सकता है। फिर, हमारा कोड कर्ली ब्रैकेट्स ({}) के एक सेट के भीतर समाहित होता है।
आइए जावास्क्रिप्ट में फंक्शन कैसे काम करता है, इसे स्पष्ट करने के लिए एक उदाहरण का उपयोग करें। निम्न कोड wakeUpRoutine नामक फंक्शन बनाता है जो कंसोल पर सुबह का संदेश प्रिंट करता है:
function wakeUpRoutine() { console.log("Good morning! Today is a great day."); }
अभी, यदि हम अपना प्रोग्राम चलाते हैं, तो कुछ नहीं होगा। ऐसा इसलिए है क्योंकि हमारे फंक्शन को घोषित किया गया है, लेकिन हमने अभी तक फंक्शन को कॉल नहीं किया है। यदि हम अपना फंक्शन चलाना चाहते हैं, तो हम फंक्शन का नाम लिखकर इसे कॉल कर सकते हैं:
wakeUpRoutine();
हमारा प्रोग्राम रिटर्न करता है:
Good morning! Today is a great day.
हम अपने प्रोग्राम में जहां चाहें इसे कॉल करके अपने फंक्शन का जितनी बार चाहें उतनी बार उपयोग कर सकते हैं।
जावास्क्रिप्ट फंक्शन्स पैरामीटर्स भी ले सकते हैं। पैरामीटर्स इनपुट हैं जिन्हें फंक्शन में पास किया जाता है और फंक्शन के भीतर स्थानीय वेरिएबल्स के रूप में कार्य करते हैं। तो, मान लीजिए हम चाहते थे कि हमारा वेक अप संदेश हमारा नाम शामिल करे। हम अपने वेक अप संदेश में अपना नाम शामिल करने के लिए निम्न कोड का उपयोग कर सकते हैं:
function wakeUpRoutine(name) { console.log(`Good morning, ${name}! Today is a great day.`); }
हमारे कोड में, हमने अपना name पैरामीटर परिभाषित नहीं किया है। ऐसा इसलिए है क्योंकि जब हम अपना फंक्शन कॉल करते हैं तो हम इसे एक मान असाइन करते हैं। मान लीजिए हमारा नाम Peter है। हमारे संदेश को हमारे नाम के साथ प्रकट कराने के लिए, हम निम्न कोड का उपयोग करेंगे:
wakeUpRoutine("Peter");
हमारा प्रोग्राम रिटर्न करता है:
Good morning, Peter! Today is a great day.
हमारे name पैरामीटर का मान wakeUpRoutine फंक्शन में पास किया जाता है, जो इस मामले में Peter है। हम फिर अपने फंक्शन में name वेरिएबल का उपयोग उस नाम को संदर्भित करने के लिए करते हैं जिसे हमारे प्रोग्राम ने निर्दिष्ट किया है।
जावास्क्रिप्ट ऐरो फंक्शन
जावास्क्रिप्ट ऐरो फंक्शन्स, जिन्हें कभी-कभी फैट ऐरो फंक्शन्स कहा जाता है, ES6 में पेश की गई सबसे लोकप्रिय विशेषताओं में से एक हैं। ये फंक्शन एक्सप्रेशन्स फंक्शन्स को अधिक कुशलता से और अधिक संक्षिप्त सिंटैक्स का उपयोग करके लिखने के लिए उपयोग किए जा सकते हैं।
जावास्क्रिप्ट ऐरो फंक्शन के लिए सिंटैक्स इस प्रकार है:
functionName = (parameters) => { // Code }
आइए ऐरो फंक्शन्स जावास्क्रिप्ट को स्पष्ट करने के लिए वेक अप रूटीन उदाहरण का उपयोग करें। हमारे ऊपर के कोड में, हमें "function" कीवर्ड का उपयोग करना पड़ा। हालांकि, ऐरो फंक्शन के साथ, हम इसके बजाय => सिंटैक्स का उपयोग करते हैं। यहां हमारे वेक अप रूटीन फंक्शन का ऐरो फंक्शन के रूप में लिखा गया उदाहरण है:
wakeUpRoutine = (name) => { console.log(`Good morning, ${name}! Today is a great day.`); }
अपने फंक्शन को कॉल करने के लिए, हम पारंपरिक फंक्शन के समान ही सिंटैक्स का उपयोग करते हैं:
wakeUpRoutine("Sophia")
हमारा फंक्शन रिटर्न करता है:
Good morning, Sophia! Today is a great day.
ऐरो फंक्शन्स की संरचना पारंपरिक फंक्शन के बहुत समान है। एकमात्र अंतर यह है कि हम ऐरो फंक्शन में function कीवर्ड का उपयोग नहीं करते, और इसके बजाय हम => ऐरो का उपयोग करते हैं।
इसके अलावा, ध्यान दें कि हमें अपने ऐरो फंक्शन में return कीवर्ड का उपयोग करने की आवश्यकता नहीं थी, जो हमारे कोड को और भी अधिक संक्षिप्त बनाता है।
इम्प्लिसिट रिटर्न्स
ऐरो फंक्शन्स विशेष रूप से उपयोगी होते हैं यदि फंक्शन बॉडी एक सिंगल एक्सप्रेशन है। यदि फंक्शन बॉडी एक सिंगल एक्सप्रेशन है, तो आप कर्ली ब्रैकेट्स को हटा सकते हैं और अपने फंक्शन को सरल बनाने के लिए इम्प्लिसिट रिटर्न बना सकते हैं। यह पारंपरिक फंक्शन से अलग है जहां आपके फंक्शन में उपयोग की गई लाइनों की संख्या यह प्रभावित नहीं करती थी कि फंक्शन कैसे परिभाषित किया गया था।
यहां वन-लाइन ऐरो फंक्शन का एक उदाहरण है:
const multiplyNumbers = (a, b) => a * b; multiplyNumbers(2, 2);
हमारा कोड रिटर्न करता है: 4। जैसा कि आप देख सकते हैं, हमारे ऐरो फंक्शन ने हमारी दो संख्याओं को गुणा किया।
इम्प्लिसिट रिटर्न सिंटैक्स आमतौर पर तब उपयोग किया जाता है जब आप मान लौटा रहे होते हैं, जैसा हमने ऊपर किया। हालांकि, आप उस कोड को एक्जीक्यूट करने के लिए भी सिंटैक्स का उपयोग कर सकते हैं जो कोई मान नहीं लौटाएगा। तो, यदि आप इम्प्लिसिट सिंटैक्स का उपयोग करके हमारे वेक अप रूटीन फंक्शन को रीक्रिएट करना चाहते थे, तो आप इस कोड का उपयोग कर सकते हैं:
const wakeUpRoutine = name => console.log(`Good morning, ${name}! Today is a great day.`); wakeUpRoutine("Ava");
हमारा कोड निम्नलिखित रिटर्न करता है:
Good morning, Ava! Today is a great day.
पैरेंथेसिस हटाना
जावास्क्रिप्ट ऐरो फंक्शन्स को पैरामीटर्स के चारों ओर पैरेंथेसिस की आवश्यकता केवल तभी होती है जब कोई पैरामीटर न हो या एक से अधिक हों। तो, यदि आपके ऐरो फंक्शन में केवल एक पैरामीटर है, तो आप पैरेंथेसिस को इस तरह हटा सकते हैं:
wakeUpRoutine = name => { console.log(`Good morning, ${name}! Today is a great day.`); }
जैसा कि आप देख सकते हैं, हमारा name पैरामीटर अब पैरेंथेसिस से घिरा नहीं है।
Map, Filter, और Reduce के साथ ऐरो फंक्शन्स
ऐरो फंक्शन्स आमतौर पर map, filter, और reduce जावास्क्रिप्ट ऐरे मेथड्स के साथ उपयोग किए जाते हैं, क्योंकि ऐरो फंक्शन्स आपको केवल एक लाइन में ऐरे को ट्रांसफॉर्म करने की अनुमति देते हैं।
मान लीजिए हमारे पास छात्र ग्रेड्स का एक ऐरे है। हम प्रत्येक छात्र ग्रेड में 1 जोड़ना चाहते हैं क्योंकि हाल के टेस्ट में एक त्रुटि थी जिसका मतलब था कि छात्र एक निश्चित प्रश्न का उत्तर नहीं दे सके, और इसलिए कोई भी 30 का सही स्कोर प्राप्त नहीं कर सका। यहां टेस्ट स्कोर ठीक करने के लिए हम जिस ऐरो फंक्शन का उपयोग कर सकते हैं उसका एक उदाहरण है:
const grades = [25, 26, 22, 28]; const fixStudentGrades = grades.map( score => score + 1 ); console.log(fixStudentGrades);
हमारा कोड रिटर्न करता है:
[26, 27, 23, 29]
जैसा कि आप देख सकते हैं, हमारे कोड ने हमारे grades ऐरे में प्रत्येक ग्रेड में 1 जोड़ा है।
निष्कर्ष
ऐरो फंक्शन्स ES6 जावास्क्रिप्ट में पेश की गई एक विशेषता है जिसका उपयोग अधिक कुशल और संक्षिप्त कोड लिखने के लिए किया जा सकता है। ऐरो फंक्शन्स आपको function स्टेटमेंट के स्थान पर => ऐरो का उपयोग करने की अनुमति देते हैं, और कुछ परिस्थितियों में वन-लाइन फंक्शन्स लिखने की सुविधा भी देते हैं।
इस ट्यूटोरियल में, हमने जावास्क्रिप्ट में फंक्शन्स कैसे काम करते हैं इसकी मूल बातें तलाशीं, फिर हमने ऐरो फंक्शन्स लिखने के तरीके पर चर्चा की। इसके अलावा, हमने इम्प्लिसिट रिटर्न्स, पैरेंथेसिस हटाने, और map, filter, और reduce फंक्शन्स के साथ ऐरो फंक्शन्स का उपयोग करने का भी पता लगाया।
अब आप एक विशेषज्ञ की तरह ऐरो फंक्शन लिखने के लिए आवश्यक ज्ञान से लैस हैं!
