JavaScript Classes — एक बार लिखिए, बार-बार बनाइए

अब तक आपने objects एक-एक करके बनाए हैं: { name: "Priya", marks: 92 }, फिर दूसरा, फिर तीसरा — हर बार वही आकार copy करते हुए। जब आपको दस छात्र चाहिए हों, तो यह copy करना पुराना पड़ जाता है। class इसे ठीक करती है: आप आकार एक बार लिखते हैं, जैसे blueprint, और फिर जितने objects चाहिए, उतने बना लेते हैं।

Diagram — देखें, यह सब कैसे जुड़ता है

Recipe की तरह सोचिए। मसाला चाय की recipe एक बार लिखी जाती है — चाय, दूध, अदरक, चीनी। हर कप उसी recipe से बनता है, पर हर कप अपना कप है। Class recipe है। उससे बना हर object एक कप है। Recipe को class कहते हैं; कप को instance कहते हैं।

Class लिखना — class, constructor, methods

class Student {
  constructor(name, marks) {
    this.name = name;
    this.marks = marks;
  }
  result() {
    return this.marks >= 40 ? "Pass" : "Fail";
  }
}
let priya = new Student("Priya", 92);
console.log(priya.result()); // "Pass"

सीखने के लिए तीन हिस्से हैं। class keyword blueprint का नाम देता है। constructor एक खास method है जो तब चलता है, जब आप new से नया object बनाते हैं — वह शुरूआती values लेता है और उन्हें this पर save करता है। और methods — जैसे result() — वे चीज़ें हैं जो class से बना हर object कर सकता है। ध्यान दीजिए, methods के बीच कोई comma नहीं होता, और उनके सामने कोई function keyword नहीं होता: class के अंदर आप सिर्फ नाम लिखते हैं।

Inheritance — extends और super

कभी-कभी एक blueprint दूसरे जैसा ही होता है। Teacher के पास नाम और subject है; Student के पास नाम और अंक हैं। दोनों के पास नाम है। नाम वाला हिस्सा दो बार लिखने की जगह, एक class दूसरी class को extend कर सकती है:

class Person {
  constructor(name) { this.name = name; }
}
class Student extends Person {
  constructor(name, marks) {
    super(name);      // calls the parent's constructor
    this.marks = marks;
  }
}

extends कहता है 'यह class उस पर बनती है'। super(name) पहले parent का constructor बुलाता है — यह child के constructor में this इस्तेमाल करने से पहले आना चाहिए, नहीं तो JavaScript error फेंकता है। Child को parent की हर चीज़ मिलती है, साथ में उसकी अपनी extras भी।

आम गलतियाँ

• new भूल जाना — Student("Priya", 92) बिना new के constructor को सादे function की तरह चलाता है और undefined देता है। हमेशा new लिखिए।
• Child constructor में super() से पहले this इस्तेमाल करना — JavaScript error फेंकता है। पहले super() बुलाइए।
• Class में methods के बीच comma डालना — methods के बीच कुछ नहीं होता, बिल्कुल object literal की तरह बिना comma के। वहाँ comma syntax error है।
• Class के अंदर method के नाम से पहले function लिखना — वह keyword वहाँ इस्तेमाल नहीं होता। सिर्फ result() { ... } लिखिए।

याद रखें

• Class एक blueprint है; उससे बना object एक instance है।
• constructor तब चलता है, जब आप new लिखते हैं, और शुरूआती values set करता है।
• Class के अंदर methods में कोई function keyword नहीं होता और उनके बीच कोई comma नहीं होता।
• extends एक class को दूसरी पर बनाता है; super() पहले parent का constructor बुलाता है।
• Class recipe है, object पकवान है।

उदाहरण समझिए

• class Student { constructor(name, marks) { ... } } — blueprint: हर छात्र का नाम और अंक होते हैं।
• result() { return this.marks >= 33 ? "Pass" : "Fail"; } — एक method जिसे हर छात्र object इस्तेमाल कर सकता है। पास होने के अंक 33 हैं।
• let priya = new Student("Priya", 92); — blueprint से एक छात्र object बनाता है।
• let rahul = new Student("Rahul", 28); — दूसरा बनाता है। वही class, अलग values।
• document.getElementById("out").textContent = priya.name + ": " + priya.result() + " — " + rahul.name + ": " + rahul.result(); — दोनों नतीजे पेज पर दिखाता है: Priya पास, Rahul fail।