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

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

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





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





क्या आप राम ब्रांड्स को मिक्स एंड मैच कर सकते हैं

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





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

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

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



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

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





class ClassName{
//class body
}

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

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

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

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





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

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

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

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

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

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

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

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

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

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

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

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

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

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

//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}`
}
}

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

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

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

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

//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

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

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

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

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

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

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

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

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

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

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

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

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

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

आगे पढ़िए
संबंधित विषय
  • प्रोग्रामिंग
  • प्रोग्रामिंग
  • जावास्क्रिप्ट
  • कोडिंग टिप्स
  • कोडिंग ट्यूटोरियल
लेखक के बारे में कदीशा कीन(21 लेख प्रकाशित)

कदीशा कीन एक पूर्ण-स्टैक सॉफ़्टवेयर डेवलपर और तकनीकी/प्रौद्योगिकी लेखक हैं। उसके पास कुछ सबसे जटिल तकनीकी अवधारणाओं को सरल बनाने की विशिष्ट क्षमता है; उत्पादन सामग्री जिसे किसी भी तकनीकी नौसिखिए द्वारा आसानी से समझा जा सकता है। उसे लिखने, दिलचस्प सॉफ्टवेयर विकसित करने और दुनिया की यात्रा (वृत्तचित्रों के माध्यम से) करने का शौक है।

कदीशा कीन . की अन्य फ़िल्में-टीवी शो

हमारे न्यूज़लेटर की सदस्यता लें

तकनीकी युक्तियों, समीक्षाओं, निःशुल्क ई-पुस्तकों और अनन्य सौदों के लिए हमारे न्यूज़लेटर से जुड़ें!

सब्सक्राइब करने के लिए यहां क्लिक करें