Up next in 10
JavaScript Functions _ Sigma Web Development Course - Tutorial #58
6 views
Mar 11, 2024
In Tutorial #58 of the Sigma Web Development Course, participants embark on a crucial aspect of JavaScript programming—functions. This tutorial provides a comprehensive exploration of JavaScript functions, covering the basics of function declaration, parameters, and return values. Viewers will learn how to modularize their code and enhance reusability by creating custom functions. From understanding function scope to exploring practical examples, this session equips participants with the foundational knowledge needed to leverage functions effectively in web development. Whether you're a novice coder or seeking to refine your JavaScript skills, this tutorial is an essential step towards mastering the art of creating efficient and organized code through functions. Join the course to elevate your understanding of JavaScript functions and enhance your capabilities in web development.
View Video Transcript
0:00
कभी-कभी हमारा code repetitive हो जाता ह�
0:02
और जब code repetitive हो जाता है तो हम लोगों को एक particular code क�
0:05
एक function में package करना पड़ता है functions javascript में बनाने का एक और फाइदा यह होता ह�
0:10
कि आप लोग arguments pass करके एक particular काम करवा सकते हो for example कुछ statements को print करन�
0:15
numbers को sum करना, numbers का average निकालना और भी बहुत सारे functions हैं जो कि बनाए जा सकते है�
0:20
JavaScript में क्या होते हैं function, क्या होता है syntax, क्यों इस्तेमाल किया जा�
0:24
practical use case को समझेंगे इस वीडियो को like ज़रूर करते हैं और नीचे comment section में sigma batch ओपी लिख देन�
0:29
चलते हैं computer screen में, let's roll the intro जावास्क्रिप्ट के अंदर फंक्शन को देखने वाले कि क्या होता है तो जावास्क्रिप्ट के अंदर फंक्शन एक ब्लॉ�
0:46
ऑफ कोड को बार-बार अगर हम लोग चाहते हैं कि यूज करें तो हम इस्तेमाल करते हैं लेट में एक्सप्लेन क�
0:52
जाता होता है तो मैं आपका वीडियो नंबर 58 के नाम से एक फोल्डर बनाऊंगा इसको जल्दी से कर लूंगा अपने वीए�
0:58
कोड में और आप लोगों डायरेक्ट लिए फंक्शन बनाकर दिखाता हूं यार ठीक है सीधा एक फंक्शन बनाकर दिखाता हू�
1:03
करूंगा index.js अब मालों मैं आप लोगों से कहूं कि यार आप प्रेंट करो हे हैरी यू आर नाइस ठीक है मालों यह करन�
1:11
है आपको फिर इसके बाद आप लोगों को यह और लोगों के लिए भी करना है या फिर एक काम करते हैं यह नाइस लिखा फिर आपक�
1:17
है हेरी यू आर गुड और हे हेरी यॉर टी शर्ट इज नाइस ठीक है फिर मैं लिखूंगा हे हेरी यॉर कोर्स इज गुड टू ठीक है तो ये मान लो मैंने लिखा ठीक है अब मैं क्या करूँगा बिसिकली इसको मैं यहाँ पर रन करता हूँ ठीक है मैंने इसको रन किया तो इसक�
1:48
change करना है ठीक है और Harry की जगह मुझे अब Rohan करना है ठीक ह�
1:53
तो मुझे क्या करना पड़ेगा कि इन सारी instances पर change करना पड़ेग�
1:57
चार जगह अगर ये 4000 जगह होता तो मुझे 4000 बार change करना पड़ता तो मेरे लि�
2:03
क्या होगा convenient कि मैं इसका एक फंक्शन बना लूँ ठीक है और यहाँ पर इस चीज को वेरिबल कर दूं ताकि अगर किसी और के लिए मुझे इसको रन करना पड़े तो मैं इसको रन कर सकूं तो फंक्शन को बनाने के लिए हम लोग फंक्शन कीवर्ड का इस्तेमाल करते हैं ठीक है और यहाँ पर आप दे�
2:35
तो मैं यहाँ पर string बनाऊंगा, string को concatenate करूँगा, और string को javascript में
2:39
आप लोग concatenate कुछ इस तरह से कर सकते हो, तो क्या होगा यहाँ पर, hey आएगा, space आएगा
2:44
फिर जो भी name मैं दूँगा, वो आएगा, और यहाँ पर you are nice आजाएगा, या जो भी मैं दूँगा वो आ जाएग�
2:48
और ये सारी चीज़े आ जाएगी ठीक है तो मैं basically क्या करूँगा कि जो चीज़ मैंने इस तरह से करी थ�
2:53
वो मैं अब इस तरह से करूँगा ठीक है तो हमने यहाँ पर किया थ�
2:57
you are nice फिर हमने किया था you are good your t is nice your course is nice your course is good too copy your course is good too
3:12
तो अब अगर नाम भी change करना पड़ गया ना, तो मैं simply क्या करूँगा, nice harry अगर यहाँ पर run करूँग�
3:17
तो मुझे harry के लिए यह सब चीज़े देखने को मिलेंगी और अगर मैं यहाँ प�
3:21
nice rohan करूँगा तो आप लोग देखो rohan के लिए मुझे यह सारी चीज़े देखने क�
3:25
मिलेंगी तो मुझे बार बार सारी लाइन पर जाता है चेंज नहीं करना पड़ेगा मैंने यहां पर एक ब्लॉक ऑफ कोड अपना बना लिया है जो कि सर्टे�
3:33
पेनामीटर्स के साथ से रन करता है तो हॉप कि समझ में आ गए आप लोगों को फंक्शन को क्यों इस्तेमाल किया जात�
3:38
इसलिए इस्तेमाल किया जाता है क्योंकि हम नहीं चाहते कि हम लोग repetitive हो हम चाहेंगे कि बार बार एकी चीज़ को अगर हमें करना है तो हम एक function के तुरू करे�
3:46
अब मालो मुझे रोहन के लिए भी ये चीज़ करना है और मुझे ये चीज़ मालो Napoleo
3:49
शिवम के लिए भी करना है और जब मैं शिवम के लिए चीज करूंगा तो आप देखो हे शिवम यू आर नाइस हे शिवम यू आर नाइस दो बार मैंने कर दी अक्शली इसको और यू आर गुड और इसके बाद ये जो सारी चीज़ें शिवम के लिए भी हो गई तो कभी भी �
4:19
function की बात करते हैं जो बहुत सिंपल है उसका नाम है सम ठीक है सुएम सम और यह करने के बाद मैं क्य�
4:25
करूंगा यहां पर एयर भी दूंगा और मैं यहां पर क्या करूंगा मैं कहूंगा कि जो सम फंक्शन है वह कॉनसोल लॉ�
4:32
लिखा देता है एप्लस बी को ठीक है कॉनसो लॉक करता है एप्लस बी को और मुझे एक फंक्शन को कॉल करना पड़ेग�
4:39
इस तरह से नाइस रोहन लिखना पड़ेगा वरना यह ऑटोमाटिकली रन नहीं होगा यह भी मैं आप लोग को बता दूं तो मै�
4:44
यहाँ पर अगर समझ लिखूंगा मैं आप लिखो सम या फिर 35 लिखता हूं तो 8 मुझे यहाँ पर देखने को मिलेगा त�
4:50
मैं रन करूंगा तो एक देखने को मिल गया जो कि जब मैं कहता हूं सम 35 तो 3 और 5 यहां पर जाएगा ती जाएग�
4:57
5 जाएगा b में और जब मैं a plus b करता हूँ तो ज�
5:00
8 है वो print हो जाएगा तो बहुत ही simple सी चीज़ है मैंने यहाँ पर जब function sum लिखा और 3 और 5 दिय�
5:06
तो 3 plus 5 जो है 8 यहाँ पर console log होके print हो जाएगा ठीक ह�
5:10
अब मान लो कि मैं यहाँ पर console log करना चाता हू�
5:14
और मैं कहना चाहता हूँ the sum of these numbers is और मैं आपपर जो है sum लिखना चाहता हूँ जो भी sum हो ठीक ह�
5:22
और मालो वो मैं result के अंदर डालना चाहता हूँ तो अगर मैं कुछ इस तरह से कहूँ result is equal to
5:29
तो result के अंदर 5 और 3 का sum नहीं आएगा क्योंकि JavaScript program को नहीं पता कि क्या value डालनी ह�
5:35
तो value को डालने के लिए हम return keyword का इस्तेमाल करते है�
5:39
और हम कहते हैं a plus b तो जब मैं लिखूँगा sum a b और यहाँ पर return a plus b लिखूँग�
5:43
तो जो a plus b की value है वो यह result में आ जाएगी return keyword से क्या होता है कि एक value वापस दे दी जाती ह�
5:49
और जब हम sum 3, 5 को call करेंगे तो 3 जाएगा as A, 5 जाएगा as B
5:54
और 3 plus 5 होता है हमारा 8 जो कि हमारा result में आ जाएगा और अब मैं इस program को run करूँग�
5:59
तो आपको the sum of these numbers is 8 यहाँ पर देखने को मिलेगा क्योंकि 8 जो है वो आ चुका है result के अंद�
6:05
simple I hope function result 1 result 2 result 1 result 1
6:37
यहां करूंगा वन, यहां करूंगा टू, यहां करूंगा result थ्री, और आप देखोगी same sum नाम के function को इस्तेमाल करके मैंने और numbers को भी add कर दिया, तो यह जो sum function है वो reusable है, तो function का इस्तेमाल क्यों किया जाता है, एक तो reusability आ जाती है आपके code में, और उसी के साथ साथ आप कु�
7:07
बाय डिफॉल्ट थ्री होगा और मैं ए प्लस बी प्लस सी को जो है रिटर्न करना चाहता हूं तो यह लिए यहा�
7:13
पर ए प्लस बी प्लस सी में राइटली करके फॉरमेट डॉक्यूमेंट कर लूंगा ताकि अच्छा दिखें इसको मैं जैस�
7:18
टर्न करूंगा देखो समझ दीजिए नंबर से लेवन आया फिर फिर नाइनटी नेटी तो पांच और तीन जो है वह आठ और आठ मे�
7:25
जो डिफल्ट वैल्यू है वह जोड़ दी गई जो आट और तीन होता है 11 और साथ और पांच हमारा गया होता है 12 होता ह�
7:32
12 में 3, 15, फिर इसके बाद 13 और 3 होता है 16, और 16 में जब 3 जोड़ा जाएगा, तो 19 आजाएगा
7:37
तो यह जो 3 है C की default value है, इसे कहते है default parameter
7:41
एक function को जो है default value उसकी होती argument की, और C is equal to 3 जब हम करेंगे, तो C की जो default value है
7:49
वो 3 हो जाएगी, अब अगर मैं चाहता हूँ कि याबर एक special value pass हो, C क�
7:53
3 की जगह 1 pass हो, यानि कि 13 plus 3 16 plus 1, 17 print हो, त�
7:57
याबर हम क्योंकि C को pass कर रहे हैं, जो की optional था, तो result 3 मे�
8:01
आपको 17 देखने को मिल रहा है, जैसी कि आप अपनी computer screen पर देखी सकते हो, ठीक ह�
8:05
तो यह होता है हमारा function function keyword से इस तरह से बनाते हैं इसको हम जितनी बार मन मरजी call करे�
8:10
nice और जो भी name है as a string हम इसको देंगे तो यह block of code execute हो जाएग�
8:15
और ऐसा हम जहाँ पर करेंगे और जितनी बार करेंगे उतनी बार होगा उसी के साथ साथ हम इसमें इसे return value भी निकाल सकते है�
8:21
जैसे कि मैं अगर इसको जिस तरह से लिखता हूँ कि sum is equal to a, b, c और c की default value मैंने 3 दे द�
8:27
a और b को pass करा जाएगा यह compulsory है आपको देना ही पड़ेग�
8:30
आप ऐसा नहीं कर सकते हैं कि sum 3 कर दिया सिर्फ आपने एडिट सोल डॉट लॉक करके दिखाओ और मैं तो एबी और सी तीनों को लॉक करो तो जो बीटी वाली वह अंडिफाइं�
8:54
होगी आपको मैं दिखाता हूं तो यह अंडिफाइंड एडिटी वाली यहां पर तरी पास हुआ और फिर जब बीटी बारी आ�
9:01
यहां पर अंडिफाइंड पास हो गया और अंडिफाइंड प्लस कोई भी नंबर आप करते हैं तो जावास्क्रिप्ट में नेंटर�
9:06
करता है और नेंटरन का मतलब होता है नोटा नंबर तो नोटा नंबर जो है आप लोगों देखने को मिल रहा है कि आपक�
9:11
number two 3 2 5 3 8 5 3 8 15 17
9:25
इसका और इसका जो result है वो print हो रहा है क्योंकि हम करा रहे हैं और इस sum नाम के function क�
9:30
हम कितनी बार भी इस्तेमाल कर सकते हैं अपने इस code में ठीक ह�
9:34
अपने इस program में तो that was about functions in javascript अब मैं आप लोगों को arrow function के बारे में बताता हू�
9:40
और मैं आप लोगों को बताता हूँ कि आप एक इस तरह से variable के अंदर डाल सकते है�
9:44
function को और आप इस तरह से syntax का इस्तेमाल कर सकते हो जिसको arrow function
9:48
कहते हैं और यहाँ पर आप कह सकते हो कि a console.log
9:53
I am an arrow function ठीक है आपने इस तरह से लिख दिया औ�
9:59
यहाँ पर आपने लिख दिया 45 और मान लो मैं यहाँ पर जो है 45 नहीं मैं यहाँ पर A लिखूँग�
10:06
या फिर मैं X लिख देता हूँ यहाँ पर A भी लिख सकता हूँ वैसे मैं मेरी मरदी और मैं यहाँ प�
10:09
X लिखूँगा तो X यहाँ पर पास होगा तो अगर मैं यहाँ पर इसक�
10:13
FUNC 1 34 करके मैं इसको run करूँ और इसको मैं run करू�
10:20
लेटे से 66 करके और मैं 84 करके करूँ और मैं इसको run करू�
10:27
तो आप देखो 34 I am an arrow function 34 फिर 66 फिर 84 यहाँ गय�
10:33
तो यह जो function है इसको reuse किया जा सकता है और इससे कहते हैं arrow function
10:36
यह एक convenient syntax है और काफी easily आप एक variable के अंदर store कर सकते ह�
10:41
एक function को तो func1 एक variable भी है जो कि एक function है ठीक ह�
10:46
तो variable भी बना सकते हो आप लोग इस तरह से तो ऐसा करने का फाइदा क्या होता ह�
10:50
कि आप function को in turn pass करा सकते हो एक दूसरे function में ठीक है तो ये थोड़ा complex मैंने बोल दिय�
10:55
अगर आप लोग beginner हो तो आपको थोड़ा सा complex लगे गई but that's the fact
10:59
तो आप लोगों ने अगर javascript के notes डाउनलोड नहीं करें तो आप लोग यहाँ पर जाएं codewithari.com slash notes प�
11:04
और javascript के notes की copy को एक ज़रूँ grab कर लें अपनी क्योंकि यहाँ पर मैंने ना बड़ा आपको terminology वगैरा सही से बताई हु�
11:10
जैसे कि आप देखो यहाँ पर यह function with parameter है यह parameter जो है यहाँ पर local variable के तौर पर behave कर रहे ह�
11:16
यहाँ पर आप देखो function का invocation किया जा रहा है और function invocation एक तरीका होता ह�
11:21
जिससे कि आप लोग इस्तेमाल करते हैं function को तो basically जो हमने function की calls डाली थ�
11:25
वो function invocation कहलाता है आप calling the function भी बोल सकते हैं उसक�
11:29
आप कह सकते हैं function को मैंने invoke किया बात बराबर है ठीक है अब यहाँ पर मैंने return value के बारे में आप लोग को बताय�
11:35
और मैंने यहाँ पर आपको arrow function के syntax के बारे में बताया जो कि एक fancy syntax है और उससे के साथ सा�
11:40
इस syntax की साहिता से आप एक variable के अंदर cat कर सकते हो function क�
11:44
तो अगर आप लोग एक variable के अंदर cat करना चाहते हो function को तो बहुत easily आप लोग arrow function की साहिता से कर सकते ह�
11:50
I hope कि ये videos आप लोग के लिए helpful हैं और आप लोगों ने Sigma Web Development Express की playlist को access कर लिया ह�
11:55
अगर नहीं किया तो जाकर bookmark करें और save करें अभी के लिए इस वीडियो में इतना है guys
11:59
Thank you so much guys for watching this video and I will see you next time
12:20
करते है�