Up next in 10
Classes and Objects in JavaScript _ JavaScript Tutorial in Hindi #76
12 views
Feb 10, 2024
Unlock the full potential of Object-Oriented Programming (OOP) in JavaScript with the 76th tutorial of our series, presented in Hindi. In this session, delve into the foundational concepts of classes and objects, key elements of OOP that allow you to structure and organize your code efficiently. Explore how classes act as blueprints for creating objects, encapsulating data and behavior in a modular fashion. This tutorial provides practical examples and step-by-step guidance in Hindi, ensuring a seamless understanding of how to implement classes and create objects in JavaScript. Whether you're a JavaScript enthusiast aiming to enhance your coding practices or a developer eager to adopt OOP principles, this session is your gateway to mastering classes and objects in JavaScript. Join the tutorial, embrace the power of OOP, and elevate your JavaScript coding skills!
View Video Transcript
0:00
आज के इस वीडियो में हम लोग classes and objects को देखेंगे javascript में क्या होते है�
0:03
और उनको एकदम scratch से समझेंगे ताकि आप लोग बहुत अच्छी तरह से classes and objects बना पोए जावास्कृट्ट मे�
0:09
let's go to the computer screen and let's get started so guys अभी तक हमने object oriented programming के बारे में जितना भी पढ़ा ह�
0:21
हम knowledge को थोड़ा सा आगे लेकर जा रहे हैं और उसके बाद हम लोग यहाँ पर classes and objects लिखने वाले है�
0:26
तो मैं यहाँ पर क्या करूँगा मैंने यहाँ पर एक नई tab में अपनी SRAPPLE को खोल लिया ह�
0:31
और यहाँ पर script.js के अंदर हम लोग सारा code लिखेंगे तो सबसे पहले notes में देख लेते हैं कि कैसे बनानी है JavaScript में हम practical करने वाले हैं इस वीडियो के अंद�
0:40
in object oriented programming a class is an extensible program code template for creating objects providing initial values for state, memory variables and implementation of behavior, method, functions
0:49
पता है कुछ समझ में नहीं आया या लेकिन मैं आपको समझाने ही तो आया हूँ तो object oriented programming ये ये by the way Wikipedia definition है ठीक ह�
0:56
according to Wikipedia class is an extensible program code template अब देख�
1:00
मालनो आप लोग जाते हो railway station पे ठीक है आप कहते हैं या�
1:05
मुझे reservation का form दे दो आप reservation का form लेने के लिए हाथ आकर बढ़ाते ह�
1:08
लाओ यार मुझे reservation का form दे दो आपको reservation का form मिल जाता है अगर कोई दूसरा इंसान आता ह�
1:13
और वो कहता है कि यार मुझे reservation का form दे दो तो उसको भी वही form दिया जाएग�
1:17
जो कि आपको दिया गया है क्योंकि वो form एक template है उस form को एक file से maybe 1000 printouts निकाले गए हू�
1:23
और उसकी गड़ी railway station बरग दी हो और बोल दिया गया हूँ station personal क�
1:26
कि यार जो भी इंसान आएगा उसको देते ना ये form वो भरके अपना form जमा करके अपनी train का reservation करा लेंगे जिसमें भी जाना ह�
1:33
अब अगर आप लोगने कभी भी general में travel नहीं किया है तो आप लोगों को शायद ना पता हो बट general में थोड़ा सा हाल अजीब रहता है
1:38
आप सिबली ticket लो और चले जाओ, उसकी बात नहीं हो रही है, reservation की बात हो रही है
1:42
आजकल तो online करा लेते हैं लोग, बट form लेके भी आप कर सकते हो reservation
1:46
मेरा point क्या है, मैं आपको बताना चाहता हूँ, class एक template होती है
1:50
class को मान लो वो blank form जो की दिया गया है ठीक है अब object क्या है जब आप अपना नाम लिख देते ह�
1:56
मान लो आपने लिख दिया रितेश यादव ठीक है उम्र तेश साल आपने लिख दिया उसमें कि बाई मुझे बैडना ह�
2:04
upper birth में जी preference है आपने लिख दिया बाई एक काम कर�
2:07
कि मेरा करा दो second AC का ticket ठीक है इस तरह से आपन�
2:12
भर दिया पूरा ठीक है और आपने जो है दे दिया उनको कि बाई मेरा कर द�
2:15
reservation पैसो के साथ तो वो एक object है क्यों क्योंकि आपने template क�
2:20
इस्तेमाल करके एक object बना दिया अब वो form कोई और इस्तेमाल नहीं कर सकता आपने उसमें pen से लिख दिया है रितेश यादव आपने अपना नाम लिख दिया है उसमें तो कोई और इस्तेमाल तो नहीं कर सकता है उसको तो class एक template थी जो कि अगर शायद नहीं होती तो आपको कितनी परिशानी होती �
2:51
है अपनी अपनी ट्रेन का रिजरेशन करा रहे हैं वह एक जनरिक फॉर्म बना दिया गया है उससे अगर आपक�
2:56
शताब्दी में ट्रावल करना है तो उसे भरो अगर आपको सेकंड एसी में ट्रावल करना है लेट एस से राजधानी क�
3:02
Railway Form
3:55
सबमिट और मैं यहां पर लिखूंगा एलर्ट और लिखूंगा फॉर्म सबमिट ठीक है फिर मैं एक और मेटोड लिख सकता हूं यहा�
4:07
लेट असे मैं लिखता हूँ cancel मैं आपको फिर से लिखूँगा alert
4:15
और मैं लिखूँगा this form is cancelled ठीक है तो चीजों क�
4:21
simple रखते हुए मैं आपको लिखूँगा submit और मैंने लिखा alert form submitted
4:25
मैं cancel अगर चाहूँगा करना तो कर पाऊँगा अब मालो दो लोग ट्रावल करना चाहते है�
4:30
एक तो हैरी करना चाहता है वो कहता है यार मुझे भी दे दो फॉर्�
4:34
तो उसको भी एक फॉर्म दे दिया जाएगा अच्छा कर मालो ये सारी चीज़�
4:38
ओनलाइन होती तो फॉर्म बालो पीडियफ दे रहे होते हैं तो एक ही तो फाइल की copy बना-बना की दी जाती न�
4:43
इनकी बात तो आप सब बानते हो तो क्योंकि एक ही फाइल की copy बना की दी जात�
4:47
इसलिए जो है new railway form जब हम लिख रहे हैं यहाँ पर तो same ही class से हम लोग inherit करेंग�
4:52
क्योंकि आप भी यार वही scene है ठीक है अब माल लो रोहन भी travel करना चाहता है तो railway form कुछ इस तरह सा आ जाएगा ठीक ह�
5:00
let harry is equal to new railway form, let rohan is equal to new railway form ठीक ह�
5:04
अब माल लो कि harry और rohan दोनों खुशी-खुशी अपने form को submit करते हैं ठीक ह�
5:09
माल लो कुछ ऐसा होता है ठीक है harry ने किया, rohan ने किया ठीक ह�
5:15
है अमालो रोहन कहते हैं मैं नहीं जा रहा ठीक है तो रोहन को करना पड़ेगा कैंसल फॉर्म ठीक है तो द�
5:23
बार सबमेट होगा फॉर्म एक बार कैंसल होगा और यह हम यहां पर देख पाएंगे भी देखना आप लोग मैं इसको रिलोड करूंग�
5:28
देखो फॉर्म सब्मिटिट और फॉर्म सब्मिटिट और एक बार फॉर्म कैंसल भी होना चाहिए था जो कि नहीं हुआ आप न�
5:34
वाय तो कैंसल मैंने यहां पर गलत दिखा हुआ चलिए पहले गलत हुई अब इसको रिलोड करूंगा और कंसोल भी देख लेत�
5:40
आपको यह नहीं होना चाहिए दो बार समय दोए एक बार कैंसल होगा ठीक है देख लेते हैं कंसोल यार तो रोह�
5:47
डॉट कैंसल इज नॉट फंक्शन आ रहा था बट नाउ इस फॉर्म इस कैंसल आ रहा है ठीक है तो इस तरह से जो क्लासे�
5:52
है उसको मॉडल किया जाता है रियल वर्ड बेटिंग ऐसे मॉडल किया जाता है जैसे कि आप समझ लो हम गेम बना रहे है�
5:59
मान लो प्लेयर क्लास बनेगी तो प्लेयर क्लास में वहीं मेथड्स होंगे जो प्लेयर कर सकता है ऐसा करने से फायद�
6:05
होता है, ऐसा करने से code को understandразу करनी की ability बढ़ जाती है हमारी, हम कहेंगे code readability बढ़ जाती है
6:11
ठीक है, मैं अगर आप लोग को एक random सा code दू, जो कि चार-पांच functions में घूमता हुआ आ रहा है, तो शायद आपको समझ में ना है
6:17
लेकिन अगर ये class में straightforward method जो है वो चल रहे है�
6:21
जैसे कि मुझे पता चल रहा है यहाँ पर harry.submit पढ़ते ही पता चल रहा है कि harry ने कर दिया अपना form submit ठीक है और अगर मैं इसका नाम थोड़ा और बढ़िया करके रख देत�
6:29
फॉर्म रख देता तो यह समझ में आ रहा है कि हैरी का फॉर्म हो रहा है सबमेट है यह फॉर्म टोट सबमे�
6:34
यह है रेलवे फॉर्म से मैंने हैरी का फॉर्म बनाया ठीक है उसको बर के और यह करने के बाद मैं एक ची�
6:42
आपको दिखाता हूँ मालो मैं यहां पर हैरी फॉर्म डॉट फिल कर दूं और मैं कहूं कि मैं इसमें अपना नाम डालन�
6:50
name this is equal to name cancel name plus this form is cancel Harry form form form
7:26
तो यार बड़ा confusing बता दिया आपने यार आपको गए, नहीं मैं आपको बताता हूँ क्या है this
7:30
देखो, जब मैं fill कर रहा हूँ form को, मैंने एक method बनाया fill
7:34
ठीक है, मैंने कहा कि ये name लेगा, this. मतलब इस object की property है name
7:40
इसको fill कर दो, मैं इसका नाम change कर देता हूँ क्योंकि इसका नाम इसलिए change कर देता हूँ ताकि confusion ना हू�
7:45
मैंने property का नाम भी name रख दिया इसका नाम भी name रख दिया मैं इसका नाम given name रख दूँग�
7:51
आपने given name क्या दिया harry दिया तो ये जो object है harry form
7:56
इसके साथ एक property associate हो जाएगी जो कि ये name और उसका नाम होगा क्या Harry
8:00
तो जब भी मैं इसका नाम print करूँगा तो मुझे यहाँ पर यह मिल जाएग�
8:04
और मुझे यहाँ पर this.name लिखना पड़ेगा ना कि सिर्फ name तो this.name मैं जैस�
8:08
करूँगा यहाँ पर Harry this form is cancelled, ऐसे लिख कर आएगा, ठीक है
8:14
तो मैं जरा आपको पहले चला कर दिखा देता हूँ, फिर उसके बाद हम जो है, डिटेल में एक बार और बात करेंगे
8:18
देखो, form submitted हुआ, और Rohan is not defined, कहा गए बाई
8:22
तुम Rohan defined क्यों नहीं हो, ठीक है, और अभी मुझे पता है आपको समझ में नहीं आएग�
8:28
क्योंकि बने रहो वीडियो में मैं भी समझाओंगा दुबारा से ठीक है जस्ट आपको भी चला के दिखा रहा हू�
8:31
form submitted form submitted रोहन this form is cancelled ठीक है तो हमने क्या किय�
8:37
मैंने सबसे पहले कहा create a form for harry ठीक है एक form दे दिय�
8:42
railway वाले ने कहा लो बाई लो form ले लो अपना खाली form दे दिया उसमें सिर्�
8:47
मतलब वो जो छपियो ink होती है name और ये सब लिखा हुआ है नाम पत�
8:51
एज ये वो पता कौन से ट्रेम में बैटना जाते हो ये सारी details अ�
8:54
fill the form with details ठीक है same काम हम रोहन के साथ क�
9:03
कि एक form हम बना रहे हैं रोहन के लिए हम forms का array भी बना सकते है�
9:07
ठीक है बट अभी मैं इतना complex नहीं जाओंगा क्योंकि just मैं आपको भी समझा रहा हूँ fill the form with रोहन's detail
9:12
तो मैं यहाँ पर रोहन लिखता हूँ रोहन's details ठीक है और Rohan form.fill हमने यह कर दिय�
9:20
अब जब हम submit कर रहे है harry form.submit तो मैं यहाँ पर भी कर सकता हू�
9:25
this.name plus और मैं your form is submitted तो क्या होगा जिसका भी नाम ह�
9:34
Rohan के लिए चलाओंगा तो यहाँ लिखकर आएगा Rohan क्योंकि मैंने fill से नाम को set कर रखा ह�
9:38
Rohan your form is submitted यहाँ पर लिखकर आएगा रोहन या फॉर्म इस कैंसल या फिर अगर मैं हैरी के लिए चलाऊंगा तो हैरी या फॉर्म इस कैंसल ऐसे आएग�
9:45
तो harry form.submit करूँगा तो submit हो जाएगा rohan form.submit करूँगा तो ये method run हो जाएग�
9:50
harry के लिए और rohan के लिए ठीक है जिसके लिए भी मैं चलाऊँगा और फिर क्योंकि सिर्फ मैं rohan का cancel कर रहा हूँ form
9:55
तो cancel method सिर्फ rohan के लिए चलेगा और अब मैं आपको चला कर दिखाता हूँ यहाँ पर हमारे नाम भी आएंग�
10:00
देखो Harry your form is submitted Rohan your form is submitted Rohan your form is cancelled
10:05
ठीक है this form is cancelled जो भी मैंने यहाँ लिखा है वो आएगा ठीक है तो इस तरह से मैं properties associate कर सकता हूँ individual objects के सा�
10:13
ठीक है मैं कोई जैसे कह सकता हूँ कि यार इस object का नाम कर दो Harry
10:16
इस object का नाम कर दो Rohan अब मान लो train number भी देना चाता हू�
10:20
मैं मान लो मैंने decide किया है train number तो हमने लिखी नही�
10:24
143 143 143 16 train number travel 145316 train 12222
10:38
ताकि आपको याद रहे यह बड़ी विचित तरसी train है मालो ठीक ह�
10:41
मालो इस train का नाम यह है और मैं एक काम करता हूँ एक 400 पी�
10:46
लगा देता हूँ एंडे में ताकि याद रहे हम लोगों को ठीक है तो ये करने के बा�
10:52
मैं क्या करूँगा कि यहाँ पर जब मैं fill method चला रहा हूँ तो देख�
10:56
मैंने यहाँ पर एक तो नाम दिया और एक number दिया तो मुझे यहाँ पर भी तो उस number को accept करन�
11:00
पड़ेगा train number ठीक है this.train number is equal to train number अब मैं इन दोनों variables को same कर रहा हूँ क्यो�
11:08
क्योंकि मैं आपको यह बताना चाहता हूँ कि इन दोनों को हम same भी कर सकते हैं ठीक है ऐसा नहीं है कि मतलब मैं आपर name कर�
11:15
या given name करूँ, just मैं आपको बता रहा था, given name यह है जो कि आ रहा है, और this.name वो property object की जो कि मैंने बनाई है
11:21
similarly, train number वो है जो आ रहा है, और this.train number मैंने इस object के सा�
11:27
associate करिया है, इन दो लोग के नाम same है, कोई बात नहीं हो सकते है, ठीक है, है तो मैं आपको क्या करूंगा सब में है रियल फॉर मिस्स अब्बOOK ट्रेन या फॉर ट्रेन नंबर मैं आपक�
11:38
कैंसल में भी लिखाऊंगा यह बात और अगर आप लोग अब देश टॉट ट्रेन अगर आप लोग यहां पर यह चाहते ह�
11:49
अच्छी तरह से भर सको स्ट्रेंग को तो आप टेंपलेट लिटरल का भी इस्तेमाल कर सकते हो ठीक है जो बैक टि�
11:54
से बनाई जाती है मैंने आपको बताया था बैक टिक मैं ऐसे करके डॉलर लगा कि आप लोग कर सकते हैं वेरिबल्�
11:58
सकते हो बट अब मैं नहीं कर रहा हूं मेरा सब कुछ रेडी है यहां पर अब मैं अगर इसको चलाऊंग�
12:04
एक है रियल फॉर्म सब्मिटेड फॉर ट्रेन नंबर 1453 16 रोड यह फॉर्म सब्मिटेड फॉर ट्रेन नंबर देश रोड य�
12:11
प्रोमिस कैंसल फॉर ट्रेन नंबर अमारो रोहन दो बुकिंग करा ली उसने का यार मैं काम करता रोहन ने सोचा क�
12:16
यार मैं दो बुकिंग कराऊंगा और दोनों ट्रेन में देख लोगा जिसमें मुझे मिल गया तो रोहन के दो फॉर्�
12:22
जाएंगे रोहन फॉर्म बन हो जाएगा रोहन फॉर्म टू जाएगा हम वह भी कर सकते हैं ठीक है एक हम फिल करेंग�
12:28
मालों चार सौ चार सौ बीच के साथ से नौदों 11 भी जो ट्रेन नंबर बुक कर रखी थी अब वह कैंसल करना चाहता ह�
12:36
है सिर्फ जो है हमारी चार सो बीच वाली ट्रेन ठीक है तो वह कैसे होगा तो हमने क्योंकि दो अलग-अल�
12:43
ऑप्शन पर आए तो हम क्या करेंगे रोहन फॉर्म वन को कैंसल कर देंगे यह 420 वाली ठीक है और यहां प�
12:49
फॉर्म वन और रोवन फॉर्म टू दोनों को सबमिट करेंगे ठीक है और वह उनको कैंसिल कर देंगे तो हम कुछ इस तरह स�
12:56
कर सकते हैं ठीक है आई होप कि आपको समझ में आ रहा है मैं आप रिपोर्ट कर देता हूं तो मल्टीपल फॉर्म जिन्हा�
13:02
जितने मंचा है हम variables बना सकते हैं इसको 2 कर देता हूँ और इसको भी 2 कर देता हूँ और हाँ अब ठीक ह�
13:07
अब save करता हूँ wrap plate थोड़ा सा time लेता है save होने में अब जो इसको मैं reload करूँगा और आप देख�
13:13
यौर फॉर्म एस सब्मिटेड यौर फॉर्म एस सब्मिटेड 420 921 अ ठीक है अब लेकिन आपने 420 कैंसल कर दिया रोहन को बताये जाता ह�
13:20
तो आई हूब कि आप लोग object oriented programming समझ गए अगले वीडियो में constructor की बात करेंगे और इसी example को continue करके थोड़ा और improve करेंग�
13:28
और ये देखेंगे कैसे constructor की साहिता से चीज़ों को आसान मनाया जा सकता है और constructor क्यों हम सभी को use करना चाहि�
13:33
so अभी के लिए इस वीडियो में इतना है guys अगर आपने playlist अभी तक access नहीं कर रही ह�
13:37
तो यहाँ click करके bookmark करें यहाँ click करके save करें thank you so much guys for watching this video
13:42
and I will see you next time कर द�
#Educational Toys