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

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

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

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

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

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

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

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

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

 class ClassName{
//class body
}

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

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

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

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

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

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

 class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
}

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

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

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

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

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

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

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

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

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

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

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

 //create a new object
const john = new Student('John', 'Brown', '2018');

उपरोक्त कोड ऑब्जेक्ट बनाने के लिए छात्र वर्ग का उपयोग करता है।

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

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

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

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

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

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

 class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${this.startDate}`
}
}

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

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

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

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

 //create a new object
const john = new Student('John', 'Brown', '2018');
//calling the report method and storing its result in a variable
let result = john.report();
//printing the result to the console
console.log(result);

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

 John Brown started attending this institution in 2018

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

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

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

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

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

 class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${this.startDate}`
}
//static method
static endDate(startDate){
return startDate + 4;
}
}

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

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

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

 //calling a static method and printing its result to the console
console.log(Student.endDate(2018));

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

 2022

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

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

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

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

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