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

| | | | | | | |

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

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

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

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

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

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

JavaScript फंक्शन डिक्लेरेशन

sup>

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

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

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

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

अब हम अपने कोड को एक फंक्शन में मर्ज करने जा रहे हैं, तो चलिए इसे कॉल करते हैं:

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

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

JavaScript एक्सप्रेशन फंक्शन

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

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

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

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

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

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

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

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

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

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

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

रिटर्न वैल्यू ‚Äã‚Äã

मजबूत>

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

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

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

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

फंक्शन्स अंडर

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

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

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

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