Up next in 10
Inheritance & extends Keyword in JavaScript _ JavaScript Tutorial in Hindi #78
263 views
Feb 10, 2024
In the 78th tutorial of our JavaScript series, presented in Hindi, unravel the power of inheritance and the 'extends' keyword in JavaScript. Dive into the world of object-oriented programming (OOP) as you discover how inheritance allows you to create a hierarchy of classes, enabling the reuse and extension of code. Explore the 'extends' keyword and understand its role in establishing a relationship between parent and child classes. This session provides practical examples and step-by-step guidance in Hindi, ensuring a solid grasp of inheritance in JavaScript. Whether you're a JavaScript enthusiast eager to explore advanced OOP concepts or a developer aiming to build more modular and scalable code, this tutorial is your key to mastering inheritance and the 'extends' keyword. Join the session, unlock the potential of OOP, and elevate your JavaScript coding skills!
View Video Transcript
0:00
जब हम JavaScript में class बनाते हैं, तब हम लोग चाहते हैं कि जो हमारी JavaScript की class है, उससे हम एक और class बना पाएं, जैसे कि मान लो हम animal नाम की class बना रहे हैं, अब हम चाहते हैं कि हम एक monkey नाम की class बना रहे हैं, जिसमें animal की सारी properties and methods हो, and at the same time कुछ और चीज़ें जो कि सिर्फ monkey कर सकता है, ��
0:30
चलते हैं कंप्यूटर स्क्रीन में और देखते हैं कि एक्सटेंड कीवर्ड किस तरह से काम करता है लेट्स केट स्टार्टि��
0:35
अबamorph पिछले वीडियो में हमने कंस्ट्रक्टर को बहुत अच्छी तरह से समझा अब इनहें रिटेंस की बात करत��
0:46
इसकी हमने अल्लेडी कर भी लिए है, इंट्रोडक्शन टो ऑब्जेक्ट रोइटेड प्रोग्रामिंग में
0:50
लेकिन आप लोगों को थोड़ा खुद बताता हूँ इनहारिटेंस क्या होता है। मान लो कि आपने क्लास बनाई आपने मेहनत करी आपने उसमें मेथड्स बनाई जैसे कि हमने अभी भी रेल्वे फॉर्म की क्लास बना��
0:57
हमारे लोगों यह आपसे कहता है कि यार यही railway form बनाना है लेकिन इस बार जो railway form हम बनाने चाहे हैं वो थोड़ा सा different है वो metro rail का form ह��
1:05
तो क्या आप दुबारा से सारे methods लिखोगे आप कहोगे नहीं नहीं मैं दुबारा से methods नहीं लिखोगा मैं तो simple एक copy paste मार लूग��
1:12
जैसे कि ये railway form है मैं इसको copy करूँगा और copy करके जो भी changes हैं वो कर लूँग��
1:18
कहीं न कहीं आप सही भी हो आप कहोगे कि मैं इसको copy करूँगा और जो जो changes है railway को मै��
1:24
Delhi metro form कर दूँगा और मैं आपका जो train number है उसको मैं line number डाल दूँग��
1:31
कौन सी red line, blue line, कौन सा color है line का और कहां से कहां जा रही ह��
1:36
जो भी information है जिस भी दिन अधिक करना है मैं कर दूँगा लेकिन मालो आपने ऐसा किय��
1:41
और अब मैं आपसे कहता हूँ कि यार हम पहले दिखाते थे your form is for train number
1:45
for some reason, मुझे नहीं पता for what reason हम train के t को capital कर रहे है��
1:50
हमने decide किया तो आपका t automatically capital नहीं होगा क्योंकि आपने copy करके बनाई ह��
1:56
वो class delimiter वाली आपको manually जाके करना पड़ेगा तो ये approach अच्छा नहीं ह��
2:01
मैं चाहता हूँ कि किसी ऐसे तरह से मैं railway form को copy करू��
2:06
एक ऐसी तरह से copy करूँ कि अगर मैं paste करूँ न��
2:11
तो अगर मैं यहाँ पर भी change कर दूँ कभी भी railway form में तो वहाँ भी आ जा��
2:15
यानि कि ऐसी दरह मैं copy करूँ railway form को कि यहाँ का change वहाँ भी आ जा��
2:20
metro वाले form में अब आपको यह तो मुमकिन है नहीं और इसी को inheritance कहते ह��
2:25
और कही न गई शायद मैंने आप लोगो को क्यों inheritance use करते हैं ये बता दिय��
2:29
मैंने आप लोग को क्यों inheritance use करते हैं ये बता दिय��
2:33
तो चलो यार आजाओ भी यहाँ पर और हम लोग बनाने वाले हैं य��
2:37
ultimate javascript codes के अंदर एक rapple ठीक है 78 underscore inheritance ठीक ह��
2:49
अब समझते हैं यह notes में क्या लिखा हुआ है देखो class and address is a way for one class to extend
2:53
another class this is done by using extends keyword हम यह काम extends keyword
2:57
से करते हैं ठीक है अब मैं इस example को बड़ा simplify करूँगा और मै��
3:01
railway form को ना करके एक बड़ा simple सा example आप लोग को दूँगा जो कि मैंने notes मे��
3:05
भी दिया हुआ है class monkey extends animal class animal animal animal color letter animal limbs properties basically upper constructor this is equal to name this is equal to color run function run function
3:45
निकालिक आई का इस डॉट नेम और प्लस कर देगा इस रनिंग ठीक है यह इस तरह से लिख दिया और इसके बाद मैं यहा��
4:00
पर लिखूंगा मालो शाउट और इसको मैं कर दूंगा इस शाउटिंग ठीक है बढ़िया आपको यार तो सही है मतल��
4:08
अच्छी क्लास बना दी, मैं भी कहूँगा, हाँ, थैंक यू, ठीक है, लेकिन, अब क्या
4:12
अब क्या, अमालो, मुझे, मुझे कहा जाता है, मेरे बॉस द्वारा कि
4:16
यार, हैर ये क्लास बनाओ यार, और मंकी बनाओ, ठीक है, और उस पे सब कुछ रखना
4:22
बस monkey में eat banana नाम की class और बना देना देखो हसना मत आप लोग देखें बहुत हसते ह��
4:28
eat banana नाम की मेरे दिमांग में यह आ रहा है भी eat banana नाम की class बना देन��
4:32
और जब eat banana वाली class run होगी तो console.log eat banana आएग��
4:36
और बाकी सारी चीज़े चाहिए animal की यह भी कहा गया ह��
4:40
उससे अगर मैं अच्छा कोडर नहीं हूं तो मैं पता क्या करूंगा मैं यह करूंगा जो कि मैं नहीं करूंग��
4:45
चाहिए आपको दिखा रहा हूं अगर मैं अच्छा पोडर नहीं हो तो मैं क्या करूंगा मैं यह करूंगा मैं कहूंग��
4:49
चलो यहां पर इट बनाना यह नहीं करना है ठीक है जो मैं बता रहा हूं वह नहीं करना है और क्यों नही��
4:55
करना यह बताने के लिए कर रहा हूं ठीक है इट बनाना कंसोल डॉट नॉक बनाना मान लो ठीक है शॉट में रख रहा हू��
5:02
यह मैंने monkey नाम की class बना दी अब मुझसे कहा जाता है कि एक animal बना��
5:07
let any is equal to new animal और उसका नाम है मान लो chimpu
5:13
और मान लो उसका color है orange ठीक है फिर मान लो एक monkey ह��
5:22
और उसका नाम monkey नाम chimpu रखते है इसका नाम bruno रखते ह��
5:28
और इसका color रखते है मान लो तो यह रखें चलो मंकी कल और इसका वाइट रखते ठीक है तो यह हो गया अब मालो मैं कहता हूं एनी डॉ��
5:39
मालो शाविट और एम डॉट सॉरी इसका नाम मंकी रखूंगा मंकी तो ग्लास का नाम है में रखता हूं इसका ना��
5:47
एम डॉट इट बनाना तो मैं यहां पर इट बनाना वाला मेथड जो वह चला दूंगा और इस रैपल को सेव करूंगा और मै��
5:56
जैसे ही इसको रन करूंगा आप लोग देखो कंसोल में यह सारी चीज़ें आ जाएंगी ठीक है इट बनाना इस नॉट फंक्श��
6:02
यह समझा कर भाई साहब इट बनाना यह है तो फंक्शन मंकी क्लास में बनाना बीएने ने बीएने ने शायद य��
6:11
सेव नहीं होगी फाइल और क्या हो सकता है ब्रुनो इस चार्टिंग एम डॉट इट बनाना इस नॉट फंक्शन ओ मुझ��
6:17
यहां पर यार मंकी रखना है ठीक है क्योंकि मैं इस मंकी क्लास से बना रहा हूं अगर मैंने यह किया और रिलो��
6:24
किया तो बुर्णो इस चार्टिंग बनाना ठीक है या फिर मैं थोड़ा थोड़ा अपना आलस खो देता हूं और मैं यहां प��
7:06
बनवाली what not या ठीक है बनवाली है बहुत कुछ ठीक है ये करने के बाद मुझसे कहा जाता है कि यार ये ना shouting अच्छा नहीं लग रहा ह��
7:15
इस shouting के s को capital कर दो यहाँ हो जाएगा मेरा दिमाग खरा��
7:20
क्यों हो जाएगा दिमाग खराब क्योंकि इस shouting को मुझे सिर्फ यहाँ change नहीं करना पड़ेग��
7:25
मुझे change करना पड़ेगा सारी जितने भी animals की मैंने classes बनाई हैं स��
7:29
और ये मेरे लिए एक बहुत tedious काम होगा चलो ये shouting का S capital
7:34
मैं change कर भी लूँगा चलो कर लिया मैंने ठीक है मैंने कहा चलो ठीक ह��
7:37
कोई नहीं मेरा boss है कह रहे हैं अगर मेरे से कोई दिक्कत नहीं है आर मैं भी यहाँ काम करने के लिए आता हू��
7:42
कोई tension नहीं, कर दूँगा, लेकिन अगर उन्होंने मुझे एक major code change पकड़ा दिया न
7:48
तो करते रहो भाई बैटे वोई फिर, करते रहो, ठीक है, ऐसे करते रहो बैटे वोई, एक करक��
7:52
हर class के लिए लिखते रहो, और वो काम होता है boring, हम है programmers, हमे��
7:56
बनाना है काम को enjoying, तो हम use करते है inheritance का, तो आपक��
8:00
solution क्या है, मैं बताता हूँ solution क्या है, ये eat banana function
8:04
को मैं अपने clipboard पे रखता हूँ, मैंने cut कर रखा है, और monkey को मैं ऐसे नहीं बनाऊँगा, monkey को मैं extends keyword की साहिता स��
8:11
बनाऊँगा, मैं कहूँगा monkey extends animal, ठीक है, और ये करने क��
8:26
डॉट शाउट यह चलाता भी हो तो यह शाउटिंग का इस कैपिटल खुद बाखुद हो जाएगा दिखाता हूं आप लोगों क��
8:32
हो गया कि नहीं हो गया अब ब्रूनो इस शाउटिंग की जगह ब्रूनो इस मालो वार्किंग करना चाहता हूं मालो ठीक ह��
8:39
तो यहाँ पर change होगे और यह सारे animals के लिए सारे objects के लिए change होग��
8:44
चाहे मैं any.shout करूँ चाहे मैं m.shout करूँ कुछ भी करूँ मै��
8:49
क्योंकि मैंने इस base class में change कर दिया यह जो नई classes मैं बना रहा हूँ यह यहाँ से बना रहा हू��
8:53
एक फाइदा मुझे यह मिला चेंज वाला दूसरा फाइदा क्या मिला दूसरा फाइदा मिला यार देखो number of lines of code कितना कम हो गया मैं कितना copy paste मारता रहता है अगर मैं यहाँ पर 50 भी बना दूना animals नीचे को मैं तो मुश्किल से मेरा code जाएगा 200, 300, 500 lines तक बस इससे ज़्याद��
9:23
ठीक है, extends keyword is used to extend another class, यानि कि आप अगर inherit करना चाहते हो
9:27
किसी एक class से दूसरी class में, तो आप लोग कर सकते हो, यह वाली class, जो कि हमने बनाई है नई
9:33
वो child कहलाती है, और जिससे हम extend कर रहे हैं, वो parent कहलाती है, parent को हम बाद में लिखते हैं
9:37
child को पहले लिखते हैं जिसे यहां लिखा है मैंने मैंने कहा class बनाओ monkey animal से, कुल मिला कर यह मतलब ह��
9:43
इस बात का, we can create a class monkey that inerts from animal like this, ठीक ह��
9:47
यह मैंने एक hide नाम का method बना रखा है और alert कर रखा है, monkey is equal to new
9:51
monkey, monu इसका नाम रखा मान लो मैंने और monkey.run 7, यह animal स��
9:55
run method hide add animal monkey methods extend class class animal
10:14
कंसोल डॉट लॉक कर लो मंकी हाइडिंग ठीक है यह दॉट नहीं में जाएगा लो पतanst पता मुझे क्या करन��
10:22
नहीं है मुझे इनको ना बैक टिक से रिप्लेस करना चाहिए और बैक टिक से रिप्लेस इसलिए करना चाहिए कि बैक टि��
10:28
सेंटczy काफी खूबसूरत होता है और ना सीधा सीधा रीडेबल हो जाती है स्ट्रिंग आपके और यहां पर डॉलर ठीक ह��
10:35
तो अगर मैं भी यहां पर चला दूं यह मैथड मंकी में तो चलेगा लेकिन अगर यह मैथड मैं चला दूं जैसे मैं अग��
10:44
एम डॉट हाइट कर दूं तो तो ही चल जाएगा लेकिन अगर मैं एनी डॉट हाइट करूंगा तब यह नहीं चलेग��
10:52
दिखाता हूं आपको एरर आएगा एक मिनट मैं इसको दोबारा चलाता हूं यह सेव नहीं हुआ है भी अब एरर आएग��
11:01
आ गया देखो एनीज आई� etaphction चिंपो इस आईटिंग प्रिंट हो गया मेरा तो यह मैं नहीं कर सकता मैं लिख देत��
11:07
यहाँ पर देश वेल थ्रो एन एरर अच्छी ठीक है तो यह रोड़ करेगा अभी मैंने इसको सेव कर दिया तो यह भ��
11:15
एरर थ्रो नहीं करेगा यहां पर मेरा एनी डॉट हाइडिंग इस नॉट फंक्शन वर्ड चला जाएगा और मुझे कुछ इस तरह स��
11:20
मिलेगा ठीक है I hope कि यार यह सब चीज़ें clear हैं आप लोगों को और मज़ा आ रहा है कि नहीं आ रहा है बता देना comment section में ठीक है तो यह काम किये जा सकते हैं अब अगले वीडियो में हम लोग method overriding के बारे में बात करेंगे और देखेंगे super keyword क्या होता है ठीक है क्योंकि बह��
11:50
बहुत सारे लोगों ने मुझे suggestion दिया कि यार ये skip कर दो बस इतना ही रहने दो. I'm sorry मैं नहीं कर सकता skip
11:55
यार important topics हैं. मैं नहीं कर सकता skip. थोड़ा सा मैंने कहा था आपसे कि bar बढ़ेगा
11:59
We'll raise the bar like anything. हम काफी end-end वाले part में हैं
12:03
हम projects बनाएंगे end में. but concepts almost हमने सारे खतम कर रही है ठीक ह��
12:08
तो अभी जो भी चीज़े आ रही है उनको बहुत carefully समझो बार बार देख के समझो अगर आपक��
12:12
लगता है मुश्किल है आप 74th वीडियो से दुबारा बैड़ जाओ देखने के लिए ठीक है उसमे��
12:16
कोई भी आपको शरम नहीं आनी चाहिए आप अगर दोबारा भी देख रहे हो सेमेंटी फोर्थ वीडियो से बट प्लीज आप लोग थोड़ा सा सही हो करो और समझ देखी कोशिश करो इन चीज़ों को नोट्स को पढ़��
12:24
बार बार समझ में आता है यार थोड़ा सा मुझे भी लगता है स्टार्टिंग में object oriented programming मुश्किल ह��
12:28
मुझे बहुत comments आ रहे हैं और ये चीज मुझे थोड़ा सा परिशान कर रही है कि यार आप लोग कह रहे हो object oriented
12:32
programming मुश्किल है मैं आसान मनाने आया हूँ और असान बना दिया है मैंने बहुत सारे लोगों के लि��
12:36
आप भी इसको समझ जाओगे playlist access कर लेना या click करके bookmark
12:40
सभी के सब कर लो बहुत सारे लोगों नहीं करा है bookmark मुझे मालूँगा और मैं चाहता हूँ कि इस वीडियो मेरी बा��
12:44
मान कर आप इस playlist को मुकमाग अभी के अभी करोगे और यहां click करके इस playlist को save करोग��
12:49
और description में से notes अभी के अभी download करोगे download करके रख लो अपने पा��
12:53
और print out निकालोगे तो मैं और भी खुश होगा आपसे print out निकालो उसक��
12:57
क्योंकि print out निकालोगे तो आपके पास रहेंगे, अभी के लिए इस वीडियो में इतना है guys, thank you so much guys for watching this video
13:03
and I will see you next time