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

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

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

फ़ंक्शन कोड के ब्लॉक होते हैं जो एक क्रिया करते हैं और एक मान वापस कर सकते हैं। कार्यों को आपकी आवश्यकताओं के आधार पर अनुकूलित किया जा सकता है और आपके कोड को अधिक कुशल और मॉड्यूलर बनाने के लिए उपयोग किया जा सकता है।

इस ट्यूटोरियल में, हम फंक्शन्स की मूल बातें जानेंगे:फंक्शन को कैसे परिभाषित करें, फंक्शन को कैसे कॉल करें, और वे कब उपयोगी हो सकते हैं।

JavaScript परिभाषित कार्य का उपयोग कैसे करें

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

जावास्क्रिप्ट कार्य घोषणाएं

फ़ंक्शन घोषणाएँ एक नामित फ़ंक्शन को परिभाषित करती हैं। इस प्रकार के फ़ंक्शन को परिभाषित करने के लिए, आपको अपना कोड function . के साथ प्रारंभ करना चाहिए कीवर्ड, उसके बाद फ़ंक्शन का नाम। यहां एक उदाहरण दिया गया है:

function nameOfYourFunction() {
	// Function code
}

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

फिर, के लिए या अगर कथन की तरह, फ़ंक्शन का कोड घुंघराले ब्रेसिज़ में होगा। यहां एक फ़ंक्शन का उदाहरण दिया गया है जो Google प्रिंट करेगा कंसोल के लिए:

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

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

function printGoogle() {
	console.log(“Google”);
}

printGoogle() . के अंदर JS फ़ंक्शन एक console.log() है कथन जो फ़ंक्शन को कॉल किए जाने पर निष्पादित किया जाएगा। लेकिन, जब तक हम फंक्शन को कॉल नहीं करेंगे तब तक कुछ नहीं होगा। यदि हम फ़ंक्शन को कॉल करना चाहते हैं, तो हम इस कोड का उपयोग कर सकते हैं:

printGoogle();

अब, हमारे कोड को एक साथ एक फंक्शन में मर्ज करते हैं, फिर इसे इनवाइट करें:

// Declare the printGoogle() function
function printGoogle() {
	console.log(“Google”);
}

// Invoke the printGoogle() function
printGoogle();

इस फ़ंक्शन का आउटपुट Google होगा . printGoogle() फ़ंक्शन इस मामले में अंतिम पंक्ति पर लागू होने पर परिणाम लौटाएगा।

अब हमारा प्रिंट कोड एक फ़ंक्शन में है, हम इसे जितनी बार चाहें उतनी बार निष्पादित कर सकते हैं printGoogle() पर कॉल करके समारोह।

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

फ़ंक्शन घोषित करने का दूसरा तरीका फ़ंक्शन अभिव्यक्ति बनाना है। हम एक वेरिएबल को एक फंक्शन असाइन करके ऐसा कर सकते हैं।

आइए ऊपर के समान उदाहरण का उपयोग करें। फ़ंक्शन को स्वयं घोषित करने के बजाय, हम इसे एक चर के लिए असाइन कर सकते हैं। यहाँ एक उदाहरण है:

const google = function printGoogle() {
	console.log(“Google”);
}

इस व्यंजक को कॉल करने के लिए, हम google() . जोड़ते हैं कोड की लाइन जहाँ भी हम चाहते हैं कि एक्सप्रेशन चलाया जाए।

फ़ंक्शन पैरामीटर

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

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

इसलिए, हमें मापदंडों का उपयोग करने की आवश्यकता है। अगर हम एक name जोड़ते हैं हमारे JS फ़ंक्शन के लिए पैरामीटर, फिर हम अपने फ़ंक्शन के माध्यम से कंसोल पर किसी भी नाम को प्रिंट कर सकते हैं। यहाँ एक उदाहरण है:

function printCompany(name) {
	console.log(`My favorite company is ${name}!`);
}

फ़ंक्शन का नाम है printCompany() और हमारे पैरामीटर को name . कहा जाता है . फिर पैरामीटर को जावास्क्रिप्ट फ़ंक्शन के भीतर बुलाया जा सकता है। उपरोक्त उदाहरण में, हम console.log() पर जो प्रिंट किया जाएगा उसे बदलने के लिए नाम पैरामीटर का उपयोग करते हैं कोड की पंक्ति।

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

यहां एक उदाहरण दिया गया है:

// Call printCompany() function with “Snapchat” as “name”
printCompany(“Snapchat”);

जब हम इस कोड को चलाते हैं, तो निम्नलिखित मुद्रित होंगे:

My favorite company is Snapchat!

हमारे उदाहरण में, हम printCompany() . का उपयोग करके फ़ंक्शन को कॉल करते हैं , फिर हम कोष्ठक में नाम निर्दिष्ट करते हैं। तो, अब हम अलग-अलग नामों से अपने फ़ंक्शन को कई बार पुन:उपयोग कर सकते हैं।

यह ध्यान देने योग्य है कि आप जितने चाहें उतने मापदंडों का उपयोग कर सकते हैं, और आप उन्हें क्रम में संदर्भित करेंगे। हम इसे नीचे क्रिया में दिखाते हुए एक उदाहरण का उपयोग करेंगे।

वापसी मूल्य

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

यहां दो संख्याओं को जोड़ने और हमें कुल देने वाले फ़ंक्शन का एक उदाहरण दिया गया है:

function addNumbers(first, second) {
	return first + second;
}

addNumbers(1, 2);

इस प्रोग्राम में हमारे फंक्शन को कॉल किया जाता है और फंक्शन के जरिए दो नंबर पास किए जाते हैं। जब यह फ़ंक्शन निष्पादित किया जाता है—हमारे उपरोक्त उदाहरण में अंतिम पंक्ति पर—हमें उत्तर 3 मिलेगा बदले में। मापदंडों की हमारी सूची अल्पविराम से अलग होती है।

प्रोग्राम ने पैरामीटर नाम first . के साथ 1 और 2 जोड़ा है और second और उन्हें कोड में लौटा दिया। यदि हम इन मानों को देखना चाहते हैं, तो हम एक console.log() जोड़ सकते हैं उस लाइन के चारों ओर कार्य करें जहां हम addNumbers(1, 2) . कहते हैं .

एरो फंक्शन्स

ईसीएमएस्क्रिप्ट 6 के अनुसार, एरो फ़ंक्शन के रूप में ज्ञात कार्यों को परिभाषित करने का एक संक्षिप्त तरीका है। इन्हें निम्नलिखित अभिव्यक्ति का उपयोग करके दर्शाया गया है:=> .

ये फंक्शन एक प्रकार के फंक्शन एक्सप्रेशन हैं। आइए एक उदाहरण का उपयोग तीर के कार्यों को क्रिया में दिखाने के लिए करें:

const addNumbers = (first, second) => {
	return first + second;
}

addNumbers(10, 15);

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

जब आप केवल एक चर के साथ काम कर रहे होते हैं, तो आपको उनके चारों ओर कोष्ठक की आवश्यकता नहीं होती है। और, यदि आप किसी चर के साथ काम नहीं कर रहे हैं, तो आपको खाली कोष्ठकों का एक सेट शामिल करना होगा () जहां आपके चर घोषित किए जाएंगे।

निष्कर्ष

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

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

हर बार जब आपको उनका उपयोग करने की आवश्यकता होती है, तो कोड की उन कई पंक्तियों को लिखने के बजाय, आप उन्हें एक फ़ंक्शन में जोड़ सकते हैं और जब आपको कोड चलाने की आवश्यकता होती है, तो फ़ंक्शन को कॉल कर सकते हैं, और उन मानों को पास कर सकते हैं जिन्हें आपको अपने फ़ंक्शन में उपयोग करने की आवश्यकता होती है।

यहां इस लेख के कुछ मुख्य अंश दिए गए हैं:

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