जावास्क्रिप्ट एरो फ़ंक्शंस:एक चरण-दर-चरण मार्गदर्शिका

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

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

परंपरागत रूप से, जावास्क्रिप्ट ने फ़ंक्शन घोषित करने का एक तरीका पेश किया:function . का उपयोग करना खोजशब्द। हालांकि, ES6 के बाद से, JavaScript arrow functions का समर्थन करता है जिसका उपयोग किसी फ़ंक्शन को अधिक कुशलता से परिभाषित करने के लिए किया जा सकता है।

इस गाइड में, हम जावास्क्रिप्ट में फ़ंक्शन की मूल बातें तलाशने जा रहे हैं और चर्चा करेंगे कि जावास्क्रिप्ट एरो फ़ंक्शन का उपयोग कैसे किया जा सकता है। हम इस बात पर भी चर्चा करेंगे कि आप तीर फ़ंक्शन का उपयोग कहाँ करना चाहते हैं, और कुछ उदाहरणों का पता लगाने के लिए कि कैसे अभ्यास में तीर फ़ंक्शन का उपयोग किया जा सकता है।

जावास्क्रिप्ट फंक्शन रिफ्रेशर

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

जावास्क्रिप्ट फ़ंक्शन के लिए सिंटैक्स यहां दिया गया है:

फ़ंक्शन का नामOfTheFunction() {// कोड}

हमारे फ़ंक्शन में कई भाग होते हैं। सबसे पहले, हम function . का उपयोग करते हैं कीवर्ड हमारे प्रोग्राम को यह बताने के लिए कि हम एक फंक्शन घोषित करने जा रहे हैं। फिर, हम अपने फ़ंक्शन का नाम निर्दिष्ट करते हैं, जो उपरोक्त उदाहरण में nameOfTheFunction है . यह ध्यान रखना महत्वपूर्ण है कि फ़ंक्शन नाम चर के समान नियमों का उपयोग करते हैं, और इसलिए वे ऊंट के मामले में लिखे गए हैं।

हमारे फ़ंक्शन के बाद ब्रैकेट का एक सेट होता है, जिसे वैकल्पिक रूप से पैरामीटर को पार्स करने के लिए उपयोग किया जा सकता है। फिर, हमारा कोड कर्ली ब्रैकेट्स के एक सेट में समाहित है ({} )।

81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।

बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।

आइए एक उदाहरण का उपयोग करके बताएं कि जावास्क्रिप्ट में फ़ंक्शन कैसे काम करता है। निम्न कोड wakeUpRoutine नामक एक फ़ंक्शन बनाता है जो सुबह के संदेश को कंसोल पर प्रिंट करता है:

फंक्शन वेकअपरूटीन () { कंसोल.लॉग ("सुप्रभात! आज का दिन बहुत अच्छा है।"); } 

 अभी, अगर हम अपना प्रोग्राम चलाते हैं, तो कुछ नहीं होगा। ऐसा इसलिए है क्योंकि हमारे फ़ंक्शन को घोषित किया गया है, लेकिन हमने अभी तक फ़ंक्शन को कॉल नहीं किया है। अगर हम अपने फंक्शन को रन करना चाहते हैं, तो हम फंक्शन का नाम लिखकर इसे कॉल कर सकते हैं:
 
वेकअप रूटीन ();
 

 हमारा कार्यक्रम वापस आता है:
 <पूर्व>सुप्रभात! आज का दिन बहुत अच्छा है।

हम अपने फंक्शन को अपने पूरे प्रोग्राम में जितनी बार चाहें उतनी बार इस्तेमाल कर सकते हैं, जहां हम इसे एक्जीक्यूट करना चाहते हैं।

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

फंक्शन वेकअपरूटीन(नाम) { कंसोल.लॉग(`सुप्रभात, ${name}! आज का दिन बहुत अच्छा है।`);}

हमारे कोड में, हमने अपना name . परिभाषित नहीं किया है पैरामीटर। ऐसा इसलिए है क्योंकि जब हम अपने फ़ंक्शन को कॉल करते हैं तो हम इसे एक मान प्रदान करते हैं। मान लें कि हमारा नाम Peter है . अपना संदेश हमारे नाम के साथ प्रदर्शित करने के लिए, हम निम्नलिखित कोड का उपयोग करेंगे:

वेकअपरूटीन("पीटर");

हमारा कार्यक्रम वापस आता है:

सुप्रभात, पीटर! आज का दिन बहुत अच्छा है।

हमारे name . का मान पैरामीटर को वेकअप रूटीन फ़ंक्शन में पास किया जाता है, जो इस मामले में Peter . है . फिर हम name . का प्रयोग करते हैं हमारे प्रोग्राम द्वारा निर्दिष्ट नाम को संदर्भित करने के लिए हमारे फ़ंक्शन में चर।

जावास्क्रिप्ट एरो फंक्शन

JavaScript तीर कार्य करता है, जिसे कभी-कभी fat arrow के रूप में संदर्भित किया जाता है फ़ंक्शंस, ES6 में पेश की गई सबसे लोकप्रिय विशेषताओं में से एक हैं। इन फंक्शन एक्सप्रेशन्स का उपयोग फंक्शन्स को अधिक कुशलता से लिखने और अधिक संक्षिप्त सिंटैक्स का उपयोग करने के लिए किया जा सकता है।

जावास्क्रिप्ट एरो फंक्शन का सिंटैक्स इस प्रकार है:

functionName =(पैरामीटर) => {// कोड}

जावास्क्रिप्ट तीर कैसे कार्य करता है, यह स्पष्ट करने के लिए आइए वेक अप रूटीन उदाहरण का उपयोग करें। हमारे उपरोक्त कोड में, हमें "फ़ंक्शन" कीवर्ड का उपयोग करना था। हालांकि, एरो फंक्शन के साथ, हम => . का उपयोग करते हैं इसके बजाय वाक्यविन्यास। यहाँ एक एरो फंक्शन के रूप में लिखे गए हमारे वेक अप रूटीन फंक्शन का एक उदाहरण है:

wakeUpRoutine =(name) => { कंसोल.लॉग(`सुप्रभात, ${name}! आज का दिन बहुत अच्छा है।`); } 

 
 

 अपने फ़ंक्शन को कॉल करने के लिए, हम उसी सिंटैक्स का उपयोग करते हैं जैसे हम एक पारंपरिक फ़ंक्शन के साथ करते हैं:
 
 
वेकअप रूटीन("सोफिया")
 

 हमारा फ़ंक्शन वापस आता है:
 
सुप्रभात, सोफिया! आज का दिन बहुत अच्छा है।
 

 एरो फ़ंक्शंस की संरचना पारंपरिक फ़ंक्शन के समान ही है। अंतर केवल इतना है कि हम function . का उपयोग नहीं करते हैं एरो फंक्शन में कीवर्ड, और इसके बजाय हम एक => . का उपयोग करते हैं तीर। 
 
 

 इसके अलावा, ध्यान दें कि हमें return . का उपयोग करने की आवश्यकता नहीं है हमारे एरो फंक्शन में कीवर्ड, जो हमारे कोड को और भी संक्षिप्त बनाता है। 
 
 
अंतर्निहित रिटर्न
 

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

 यहां एक-पंक्ति तीर फ़ंक्शन का एक उदाहरण दिया गया है:
 
 
constmultiplyNumbers =(a, b) => a * b;multiplyNumbers(2, 2);
 

 हमारा कोड लौटाता है:4 . जैसा कि आप देख सकते हैं, हमारे एरो फंक्शन ने हमारी दो संख्याओं को गुणा कर दिया है। 
 
 

 अंतर्निहित रिटर्न सिंटैक्स आमतौर पर उपयोग किया जाता है यदि आप मान लौटा रहे हैं, जैसा कि हमने ऊपर किया था। हालाँकि, आप सिंटैक्स का उपयोग उस कोड को निष्पादित करने के लिए भी कर सकते हैं जो कोई मान नहीं लौटाएगा। इसलिए, यदि आप हमारे वेक अप रूटीन फ़ंक्शन को फिर से बनाने के लिए निहित सिंटैक्स का उपयोग करना चाहते हैं, तो आप इस कोड का उपयोग कर सकते हैं:
 
 
const वेकअपरूटीन =नाम => कंसोल.लॉग(`सुप्रभात, ${name}! आज का दिन बहुत अच्छा है।`);wakeUpRoutine("Ava");
 

 हमारा कोड निम्नलिखित लौटाता है:
 
सुप्रभात, अवा! आज का दिन बहुत अच्छा है।
 
कोष्ठक हटाना
 

 यदि कोई पैरामीटर या एक से अधिक नहीं हैं, तो जावास्क्रिप्ट एरो फ़ंक्शंस को केवल पैरामीटर के चारों ओर कोष्ठक की आवश्यकता होती है। इसलिए, यदि आपके एरो फ़ंक्शन में केवल एक पैरामीटर है, तो आप इस तरह से कोष्ठक हटा सकते हैं:
 
 
wakeUpRoutine =name => { कंसोल.लॉग(`सुप्रभात, ${name}! आज का दिन बहुत अच्छा है।`);}
 

 जैसा कि आप देख सकते हैं, हमारा name पैरामीटर अब कोष्ठक से घिरा नहीं है। 
 
 
मानचित्र, फ़िल्टर और कम करने के साथ तीर फ़ंक्शन
 

 एरो फ़ंक्शंस का उपयोग आमतौर पर मैप, फ़िल्टर और जावास्क्रिप्ट सरणी विधियों को कम करने के लिए किया जाता है, क्योंकि एरो फ़ंक्शंस आपको केवल एक पंक्ति में एक सरणी को बदलने की अनुमति देता है। 
 
 

 मान लीजिए कि हमारे पास छात्र ग्रेड की एक सरणी है। हम 1 add जोड़ना चाहते हैं प्रत्येक छात्र ग्रेड के लिए क्योंकि हाल ही में एक परीक्षा में एक त्रुटि थी जिसका अर्थ था कि छात्र एक निश्चित प्रश्न का उत्तर नहीं दे सकते थे, और इसलिए किसी को भी 30 का सही स्कोर नहीं मिल सका। . यहां एक तीर फ़ंक्शन का उदाहरण दिया गया है जिसका उपयोग हम परीक्षण स्कोर को ठीक करने के लिए कर सकते हैं:
 
 
कॉन्स्ट ग्रेड =[25, 26, 22, 28];कॉन्स्ट फिक्सस्टूडेंटग्रेड्स =ग्रेड।मैप(स्कोर => स्कोर + 1);console.log(fixStudentGrades);
 

 हमारा कोड लौटाता है:
 
[26, 27, 23, 29]
 

 जैसा कि आप देख सकते हैं, हमारे कोड ने 1 . जोड़ा है हमारे grades . में प्रत्येक ग्रेड के लिए सरणी।
 
 
 
निष्कर्ष
 

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

 इस ट्यूटोरियल में, हमने जावास्क्रिप्ट में फ़ंक्शन कैसे काम करते हैं, इसकी मूल बातें खोजी, फिर हमने चर्चा की कि एरो फ़ंक्शंस कैसे लिखें। इसके अलावा, हमने map के साथ निहित रिटर्न, कोष्ठकों को हटाने और तीर फ़ंक्शन का उपयोग करने का भी पता लगाया। , filter , और reduce कार्य। 
 
 

 अब आप एक विशेषज्ञ की तरह एक तीर फ़ंक्शन लिखने के लिए आवश्यक ज्ञान से लैस हैं!