जानें कि जावास्क्रिप्ट में कक्षाएं कैसे बनाएं

2015 में, जावास्क्रिप्ट प्रोग्रामिंग भाषा का ES6 संस्करण जारी किया गया था। इस रिलीज़ ने भाषा में कुछ प्रमुख उन्नयन पेश किए, और आधिकारिक तौर पर इसे जावा और सी ++ जैसी अन्य भाषाओं के बीच ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग भाषा की श्रेणी में रखा।

ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग वस्तुओं और उन पर किए जा सकने वाले कार्यों पर केंद्रित है। हालाँकि, इससे पहले कि आपके पास कोई वस्तु हो, आपको एक वर्ग की आवश्यकता होगी।

जावास्क्रिप्ट कक्षाएं गेम बदलने वाली विशेषताओं में से एक हैं जो भाषा के ES6 संस्करण के साथ आई हैं। एक वर्ग को एक खाका के रूप में वर्णित किया जा सकता है जिसका उपयोग वस्तुओं को बनाने के लिए किया जाता है।

इस ट्यूटोरियल लेख में, आप सीखेंगे कि जावास्क्रिप्ट कक्षाओं का उपयोग करके ऑब्जेक्ट कैसे बनाएं और उनमें हेरफेर करें।

जावास्क्रिप्ट वर्ग संरचना

जावास्क्रिप्ट में एक वर्ग बनाते समय एक मूलभूत घटक होता है जिसकी आपको हमेशा आवश्यकता होती है—द कक्षा खोजशब्द। जावास्क्रिप्ट वर्ग के लगभग हर दूसरे पहलू को इसके सफल निष्पादन के लिए आवश्यक नहीं है।

यदि कोई कंस्ट्रक्टर प्रदान नहीं किया जाता है तो एक जावास्क्रिप्ट क्लास स्वाभाविक रूप से निष्पादित होगी (कक्षा केवल निष्पादन के दौरान एक खाली कंस्ट्रक्टर बनाएगी)। हालाँकि, यदि एक जावास्क्रिप्ट क्लास कंस्ट्रक्टर और अन्य फ़ंक्शंस के साथ बनाई गई है, लेकिन कोई क्लास कीवर्ड का उपयोग नहीं किया गया है, तो यह क्लास निष्पादन योग्य नहीं होगी।

NS कक्षा जावास्क्रिप्ट की वर्ग संरचना में कीवर्ड (जो हमेशा लोअरकेस में होना चाहिए) एक आवश्यकता है। निम्नलिखित उदाहरण जावास्क्रिप्ट वर्ग का सामान्य वाक्यविन्यास है। जावास्क्रिप्ट वर्ग सिंटैक्स नीचे है:

क्लास क्लासनाम{
// क्लास बॉडी
}

जावास्क्रिप्ट में एक क्लास बनाना

प्रोग्रामिंग में, एक वर्ग को एक सामान्यीकृत इकाई के रूप में देखा जा सकता है जिसका उपयोग एक विशेष वस्तु बनाने के लिए किया जाता है। उदाहरण के लिए, स्कूल के माहौल में, एक सामान्यीकृत इकाई (एक कक्षा) छात्र हो सकती है और छात्रों की एक वस्तु जॉन ब्राउन हो सकती है। लेकिन इससे पहले कि आप कोई ऑब्जेक्ट बनाएं, आपको उस डेटा को जानना होगा जिसे वह स्टोर करेगा और यही वह जगह है जहां जावास्क्रिप्ट कंस्ट्रक्टर्स काम में आते हैं।

जावास्क्रिप्ट क्लासेस में कंस्ट्रक्टर्स का उपयोग करना

कुछ कारणों से वर्ग निर्माण प्रक्रिया के लिए एक निर्माता महत्वपूर्ण है; यह किसी वस्तु की स्थिति (इसकी विशेषताओं के माध्यम से) को प्रारंभ करता है और जब कोई नई वस्तु तत्काल (परिभाषित और बनाई जाती है) तो इसे स्वचालित रूप से कहा जाता है।

एक कंस्ट्रक्टर उदाहरण का उपयोग करना

नीचे, आप एक कंस्ट्रक्टर उदाहरण देखेंगे जिसमें इसका अर्थ बताया जाएगा।

कक्षा छात्र{
कंस्ट्रक्टर (प्रथम नाम, अंतिम नाम, प्रारंभ दिनांक) {
यह। पहला नाम = पहला नाम;
यह अंतिम नाम = अंतिम नाम;
this.startDate = startDate;
}
}

उपरोक्त कोड जावास्क्रिप्ट क्लास कंस्ट्रक्टर का एक महत्वपूर्ण पहलू प्रस्तुत करता है; जावा और सी ++ जैसी अन्य भाषाओं के विपरीत, एक जावास्क्रिप्ट का कंस्ट्रक्टर एक कंस्ट्रक्टर बनाने के लिए क्लास के नाम का उपयोग नहीं करता है। यह का उपयोग करता है निर्माता कीवर्ड जैसा कि आप ऊपर दिए गए उदाहरण में देख सकते हैं।

संबंधित: जावा में कक्षाएं बनाना सीखें

NS निर्माता ऊपर के उदाहरण में तीन पैरामीटर लेता है और का उपयोग करता है यह वर्ग के वर्तमान उदाहरण के लिए पैरामीटर निर्दिष्ट करने के लिए कीवर्ड। यह थोड़ा भ्रमित करने वाला लग सकता है, लेकिन आपको जो समझने की जरूरत है वह यह है कि एक वर्ग को एक खाका के रूप में देखा जा सकता है जिसका उपयोग कई घर बनाने के लिए किया जाता है।

प्रत्येक निर्मित घर को इस वर्ग की वस्तु के रूप में देखा जा सकता है। हालांकि इनमें से प्रत्येक घर एक ही खाका के साथ बनाया गया है, वे अपनी विशिष्ट भौगोलिक स्थिति या उनके मालिक लोगों द्वारा अलग-अलग हैं।

NS यह किसी वर्ग द्वारा बनाई गई प्रत्येक वस्तु को अलग करने के लिए कीवर्ड का उपयोग किया जाता है। यह सुनिश्चित करता है कि एक ही वर्ग का उपयोग करके बनाई गई प्रत्येक वस्तु के लिए सही डेटा संग्रहीत और संसाधित किया जाता है।

जावास्क्रिप्ट में एक वस्तु बनाना

जावास्क्रिप्ट जैसी भाषा में कंस्ट्रक्टर महत्वपूर्ण होते हैं क्योंकि वे एक विशिष्ट वर्ग की किसी वस्तु के गुणों की संख्या को दर्शाते हैं। कुछ भाषाओं के लिए यह आवश्यक होगा कि एक विशेषता (चर) को किसी कंस्ट्रक्टर या किसी अन्य तरीके में उपयोग करने से पहले घोषित किया जाए। हालाँकि, जावास्क्रिप्ट के साथ ऐसा नहीं है।

संबंधित: जावास्क्रिप्ट में वेरिएबल कैसे घोषित करें

ऊपर दिए गए स्टूडेंट क्लास कंस्ट्रक्टर को देखते हुए, आप समझ सकते हैं कि इस क्लास की एक वस्तु में तीन विशेषताएँ होंगी।

ऑब्जेक्ट उदाहरण बनाना

नीचे, आप जावास्क्रिप्ट में ऑब्जेक्ट बनाने के लिए एक उदाहरण देखेंगे।

// एक नई वस्तु बनाएं
कॉन्स्ट जॉन = नया छात्र ('जॉन', 'ब्राउन', '2018');

उपरोक्त कोड का उपयोग करता है विद्यार्थी एक वस्तु बनाने के लिए वर्ग।

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

के बिना जॉन चर का उपयोग करके आप अभी भी एक नई वस्तु बनाने में सक्षम होंगे विद्यार्थी वर्ग, लेकिन फिर इस वस्तु तक पहुँचने और कक्षा के विभिन्न तरीकों के साथ इसका उपयोग करने का कोई तरीका नहीं होगा।

जावास्क्रिप्ट कक्षाओं में विधियों का उपयोग करना

एक विधि एक वर्ग का एक कार्य है जिसका उपयोग कक्षा से बनाई गई वस्तुओं पर संचालन करने के लिए किया जाता है। छात्र वर्ग में जोड़ने का एक अच्छा तरीका वह है जो प्रत्येक छात्र पर एक रिपोर्ट तैयार करता है।

क्लास मेथड्स बनाना उदाहरण

नीचे जावास्क्रिप्ट में क्लास मेथड बनाने के लिए एक उदाहरण दिया गया है।

कक्षा छात्र{
कंस्ट्रक्टर (प्रथम नाम, अंतिम नाम, प्रारंभ दिनांक) {
यह। पहला नाम = पहला नाम;
यह अंतिम नाम = अंतिम नाम;
this.startDate = startDate;
}
// रिपोर्ट विधि
रिपोर्ट good(){
वापसी `${this.firstName} ${this.lastName} ने ${this.startDate}` में इस संस्थान में भाग लेना शुरू किया
}
}

ऊपर की कक्षा में एक विधि है जो प्रत्येक छात्र के साथ बनाई गई एक रिपोर्ट तैयार करेगी विद्यार्थी कक्षा। का उपयोग करने के लिए रिपोर्ट good() विधि आपको एक साधारण फ़ंक्शन कॉल करने के लिए कक्षा के मौजूदा ऑब्जेक्ट का उपयोग करने की आवश्यकता होगी।

उपरोक्त "एक वस्तु उदाहरण बनाएं" के लिए धन्यवाद, आपके पास एक वस्तु होनी चाहिए विद्यार्थी वर्ग जो चर को सौंपा गया है जॉन. का उपयोग करते हुए जॉन, अब आप सफलतापूर्वक कॉल कर सकते हैं रिपोर्ट good() तरीका।

कक्षा विधियों का उपयोग करना उदाहरण

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

// एक नई वस्तु बनाएं
कॉन्स्ट जॉन = नया छात्र ('जॉन', 'ब्राउन', '2018');
// रिपोर्ट विधि को कॉल करना और इसके परिणाम को एक चर में संग्रहीत करना
परिणाम दें = जॉन। रिपोर्ट ();
// परिणाम को कंसोल पर प्रिंट करना
कंसोल.लॉग (परिणाम);

उपरोक्त कोड का उपयोग करता है छात्र कंसोल में निम्न आउटपुट उत्पन्न करने के लिए वर्ग:

जॉन ब्राउन ने 2018 में इस संस्थान में भाग लेना शुरू किया

जावास्क्रिप्ट क्लासेस में स्टेटिक मेथड्स का उपयोग करना

स्थैतिक विधियाँ अद्वितीय हैं क्योंकि वे जावास्क्रिप्ट वर्ग में एकमात्र विधियाँ हैं जिनका उपयोग बिना किसी वस्तु के किया जा सकता है।

ऊपर के उदाहरण से, आप इसका उपयोग नहीं कर सकते हैं रिपोर्ट good() कक्षा की वस्तु के बिना विधि। ऐसा इसलिए है क्योंकि रिपोर्ट good() विधि वांछित परिणाम उत्पन्न करने के लिए किसी वस्तु की विशेषताओं पर निर्भर करती है। हालांकि, एक स्थिर विधि का उपयोग करने के लिए, आपको केवल उस वर्ग के नाम की आवश्यकता होगी जो विधि को संग्रहीत करता है।

एक स्थिर विधि उदाहरण बनाना

नीचे जावास्क्रिप्ट के लिए एक स्थिर विधि उदाहरण है।

कक्षा छात्र{
कंस्ट्रक्टर (प्रथम नाम, अंतिम नाम, प्रारंभ दिनांक) {
यह। पहला नाम = पहला नाम;
यह अंतिम नाम = अंतिम नाम;
this.startDate = startDate;
}
// रिपोर्ट विधि
रिपोर्ट good(){
वापसी `${this.firstName} ${this.lastName} ने ${this.startDate}` में इस संस्थान में भाग लेना शुरू किया
}
// स्थिर विधि
स्थिर समाप्ति तिथि (प्रारंभ तिथि) {
वापसी प्रारंभ दिनांक + 4;
}
}

उपरोक्त उदाहरण से ध्यान देने योग्य महत्वपूर्ण बात यह है कि प्रत्येक स्थिर विधि की शुरुआत होती है स्थिर खोजशब्द।

एक स्थिर विधि उदाहरण का उपयोग करना

जावास्क्रिप्ट में स्थिर विधि का उपयोग करने के लिए नीचे एक उदाहरण दिया गया है।

// एक स्थिर विधि को कॉल करना और उसके परिणाम को कंसोल पर प्रिंट करना
कंसोल.लॉग (Student.endDate (2018));

उपरोक्त कोड की पंक्ति का उपयोग करती है छात्र कंसोल में निम्न आउटपुट उत्पन्न करने के लिए वर्ग:

2022

जावास्क्रिप्ट क्लास बनाना आसान है

यदि आप एक जावास्क्रिप्ट वर्ग बनाना चाहते हैं और उसमें से एक या अधिक वस्तुओं को इंस्टेंट करना चाहते हैं तो आपको कई चीजें याद रखने की आवश्यकता है:

• एक जावास्क्रिप्ट वर्ग में होना चाहिए कक्षा खोजशब्द।
• जावास्क्रिप्ट कंस्ट्रक्टर किसी वस्तु के मूल्यों की संख्या को इंगित करता है।
• किसी वस्तु के बिना सामान्य वर्ग विधियों का उपयोग नहीं किया जा सकता है।
• किसी वस्तु के बिना स्थैतिक विधियों का उपयोग किया जा सकता है।

NS सांत्वना देना.लॉग() जावास्क्रिप्ट वर्ग में सामान्य और स्थिर दोनों विधियों का उपयोग करने के परिणाम प्रदान करने के लिए इस पूरे लेख में विधि का उपयोग किया जाता है। यह विधि किसी भी जावास्क्रिप्ट डेवलपर के लिए एक उपयोगी उपकरण है क्योंकि यह डिबगिंग प्रक्रिया में मदद करता है।

से खुद को परिचित करना कंसोल.लॉग () विधि सबसे महत्वपूर्ण चीजों में से एक है जो आप एक जावास्क्रिप्ट डेवलपर के रूप में कर सकते हैं।

अल्टीमेट जावास्क्रिप्ट चीट शीट

इस चीट शीट के साथ जावास्क्रिप्ट तत्वों पर एक त्वरित पुनश्चर्या प्राप्त करें।

आगे पढ़िए

लेखक के बारे में