JavaScript फंक्शन्स का उपयोग कैसे करें: चरण-दर-चरण गाइड

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

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

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

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

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

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

JavaScript फंक्शन घोषणाएं

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

function nameOfYourFunction() {
  // फंक्शन कोड
}

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

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

function printGoogle() {
  console.log("Google");
}

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

printGoogle();

अब, आइए अपने कोड को एक फंक्शन में मर्ज करें, फिर इसे इनवोक करें:

// printGoogle() फंक्शन घोषित करें
function printGoogle() {
  console.log("Google");
}
// printGoogle() फंक्शन इनवोक करें
printGoogle();

इस फंक्शन का आउटपुट Google होगा। printGoogle() फंक्शन परिणाम तब लौटाएगा जब इसे इनवोक किया जाता है, इस मामले में अंतिम लाइन पर।

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

JavaScript फंक्शन अभिव्यक्ति

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

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

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

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

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

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

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

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

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

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

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

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

// "Snapchat" को "name" के रूप में printCompany() फंक्शन के साथ कॉल करें
printCompany("Snapchat");

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

My favorite company is Snapchat!

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

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

रिटर्न मान

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

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

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

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

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

एरो फंक्शन्स

ECMAScript 6 तक, फंक्शन्स को परिभाषित करने का एक अधिक संक्षिप्त तरीका है जिसे एरो फंक्शन के रूप में जाना जाता है। ये निम्न अभिव्यक्ति का उपयोग करके दर्शाए जाते हैं: =>।

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

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

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

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

निष्कर्ष

फंक्शन्स की मूल बातें जानने के लिए आपको बस इतना ही जानने की आवश्यकता है। इस ट्यूटोरियल में, हमने फंक्शन घोषणाओं, फंक्शन अभिव्यक्तियों, फंक्शन्स से मान लौटाने, और एरो फंक्शन्स को कवर किया है।

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

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

इस आर्टिकल से मुख्य बातें:

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