"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > अपने जावास्क्रिप्ट को उन्नत करें: ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग में एक गहन जानकारी✨

अपने जावास्क्रिप्ट को उन्नत करें: ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग में एक गहन जानकारी✨

2024-11-07 को प्रकाशित
ब्राउज़ करें:210

Elevate Your JavaScript: A Deep Dive into Object-Oriented Programming✨

ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग (ओओपी) एक शक्तिशाली प्रतिमान है जिसने हमारे कोड की संरचना और व्यवस्थित करने के तरीके में क्रांति ला दी है।

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

यह पोस्ट जावास्क्रिप्ट में ओओपी की मूल अवधारणाओं पर प्रकाश डालती है, यह खोजती है कि उन्हें अधिक मजबूत, रखरखाव योग्य और स्केलेबल एप्लिकेशन बनाने के लिए कैसे कार्यान्वित किया जा सकता है।

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

चाहे आप एक अनुभवी डेवलपर हों जो जावास्क्रिप्ट में अपने ओओपी कौशल को परिष्कृत करना चाहते हैं या एक नवागंतुक हैं जो इन मूलभूत अवधारणाओं को समझने के लिए उत्सुक हैं, यह मार्गदर्शिका आपके जावास्क्रिप्ट प्रोजेक्ट्स में ओओपी की शक्ति का उपयोग करने में मूल्यवान अंतर्दृष्टि प्रदान करेगी।


1. विरासत:

विरासत एक वर्ग को दूसरे वर्ग से गुण और विधियाँ प्राप्त करने की अनुमति देता है। यह कोड पुन: प्रयोज्यता को बढ़ावा देता है और मूल वर्ग और बच्चे वर्ग के बीच संबंध स्थापित करता है।

class Vehicle {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }

  getInfo() {
    return `${this.make} ${this.model}`;
  }

  start() {
    return "The vehicle is starting...";
  }
}

class Car extends Vehicle {
  constructor(make, model, doors) {
    super(make, model);
    this.doors = doors;
  }

  getCarInfo() {
    return `${this.getInfo()} with ${this.doors} doors`;
  }
}

const myCar = new Car("Toyota", "Corolla", 4);
console.log(myCar.getCarInfo()); // Output: Toyota Corolla with 4 doors
console.log(myCar.start()); // Output: The vehicle is starting...

इस उदाहरण में, कार वाहन से विरासत में मिलती है, उसकी संपत्तियों और विधियों तक पहुंच प्राप्त करती है।

पेशेवर:

  • कोड पुन: प्रयोज्यता: बाल वर्ग मूल वर्गों से गुण और विधियाँ प्राप्त करते हैं।

  • वस्तुओं के बीच एक स्पष्ट पदानुक्रम स्थापित करता है।

  • मेथड ओवरराइडिंग और एक्सटेंशन की अनुमति देता है।

दोष:

  • माता-पिता और बच्चे वर्गों के बीच घनिष्ठ संबंध हो सकता है।

  • गहरा वंशानुक्रम पदानुक्रम जटिल और बनाए रखना कठिन हो सकता है।


2. अमूर्तन

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

class Shape {
  constructor() {
    if (new.target === Shape) {
      throw new TypeError("Cannot instantiate abstract class");
    }
  }

  calculateArea() {
    throw new Error("Method 'calculateArea()' must be implemented.");
  }
}

class Circle extends Shape {
  constructor(radius) {
    super();
    this.radius = radius;
  }

  calculateArea() {
    return Math.PI * this.radius ** 2;
  }
}

class Rectangle extends Shape {
  constructor(width, height) {
    super();
    this.width = width;
    this.height = height;
  }

  calculateArea() {
    return this.width * this.height;
  }
}

// const shape = new Shape(); // Throws TypeError
const circle = new Circle(5);
const rectangle = new Rectangle(4, 6);

console.log(circle.calculateArea()); // Output: 78.53981633974483
console.log(rectangle.calculateArea()); // Output: 24

इस उदाहरण में, आकार एक अमूर्त वर्ग के रूप में कार्य करता है जिसे सीधे त्वरित नहीं किया जा सकता है। यह एक सामान्य इंटरफ़ेस कैलकुलेटएरिया को परिभाषित करता है जिसे सभी उपवर्गों को लागू करना होगा। यह अमूर्तता हमें उनके विशिष्ट कार्यान्वयन के बारे में चिंता किए बिना एक सामान्य इंटरफ़ेस के माध्यम से विभिन्न आकृतियों के साथ काम करने की अनुमति देती है।

पेशेवर:

  • अनावश्यक विवरण छिपाकर जटिल प्रणालियों को सरल बनाता है।

  • कोड रखरखाव में सुधार करता है और दोहराव को कम करता है।

  • कोई वस्तु कैसे करती है इसके बजाय वह क्या करती है, इस पर ध्यान केंद्रित करने की अनुमति देता है।

दोष:

  • यदि सावधानी से डिज़ाइन नहीं किया गया तो अति-सरलीकरण हो सकता है।

  • कुछ मामलों में ओवरहेड प्रदर्शन शुरू हो सकता है।


3. एनकैप्सुलेशन

एनकैप्सुलेशन डेटा और उन तरीकों का बंडल है जो एक इकाई (ऑब्जेक्ट) के भीतर उस डेटा पर काम करते हैं। जावास्क्रिप्ट में, हम निजी संपत्तियों और विधियों को बनाने के लिए क्लोजर और प्रतीकों का उपयोग कर सकते हैं।

class BankAccount {
  #balance = 0;  // Private field

  constructor(owner) {
    this.owner = owner;
  }

  deposit(amount) {
    if (amount > 0) {
      this.#balance  = amount;
      return true;
    }
    return false;
  }

  withdraw(amount) {
    if (amount > 0 && this.#balance >= amount) {
      this.#balance -= amount;
      return true;
    }
    return false;
  }

  getBalance() {
    return this.#balance;
  }
}

const account = new BankAccount('John Doe');
account.deposit(1000);
console.log(account.getBalance()); // Output: 1000
console.log(account.#balance); // SyntaxError: Private field '#balance' must be declared in an enclosing class

इस उदाहरण में, #बैलेंस एक निजी क्षेत्र है जिसे कक्षा के बाहर से सीधे नहीं पहुँचा जा सकता है।

पेशेवर:

  • डेटा सुरक्षा: आंतरिक डेटा तक अनधिकृत पहुंच को रोकता है।

  • मॉड्यूलैरिटी: संबंधित कार्यक्षमता को एक साथ बंडल करता है।

  • आसान रखरखाव: आंतरिक कार्यान्वयन में परिवर्तन बाहरी कोड को प्रभावित नहीं करते हैं।

दोष:

  • वास्तविक निजी सदस्यों की कमी के कारण जावास्क्रिप्ट में इसे लागू करना जटिल हो सकता है।

  • गेटर्स और सेटर्स बनाते समय वर्बोज़ कोड हो सकता है।


4. बहुरूपता

बहुरूपता विभिन्न वर्गों की वस्तुओं को एक सामान्य सुपरक्लास की वस्तुओं के रूप में मानने की अनुमति देती है। जावास्क्रिप्ट में, इसे मेथड ओवरराइडिंग के माध्यम से प्राप्त किया जा सकता है।

class Animal {
  speak() {
    return "The animal makes a sound";
  }
}

class Dog extends Animal {
  speak() {
    return "The dog barks";
  }
}

class Cat extends Animal {
  speak() {
    return "The cat meows";
  }
}

const animals = [new Animal(), new Dog(), new Cat()];

animals.forEach(animal => {
  console.log(animal.speak());
});

// Output:
// The animal makes a sound
// The dog barks
// The cat meows

इस उदाहरण में, प्रत्येक वर्ग बहुरूपता का प्रदर्शन करते हुए बोलने की विधि को अलग-अलग तरीके से लागू करता है।

पेशेवर:

  • लचीलापन: विभिन्न प्रकार की वस्तुओं को समान रूप से व्यवहार किया जा सकता है।

  • एक्स्टेंसिबिलिटी: मौजूदा कोड को बदले बिना नई कक्षाएं जोड़ी जा सकती हैं।

  • विभिन्न प्रकारों के लिए एकल इंटरफ़ेस के उपयोग की अनुमति देकर कोड को सरल बनाता है।

दोष:

  • अत्यधिक उपयोग करने पर कोड को डीबग करना कठिन हो सकता है।

  • कुछ भाषाओं में प्रदर्शन ओवरहेड हो सकता है (जावास्क्रिप्ट में ऐसा कम)।


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

जावास्क्रिप्ट में इन सिद्धांतों को लागू करते समय कभी-कभी भाषा की अनूठी विशेषताओं के कारण रचनात्मक दृष्टिकोण की आवश्यकता हो सकती है, लाभ स्पष्ट हैं। OOP से अधिक संगठित कोडबेस, टीम के सदस्यों के बीच आसान सहयोग और बदलती आवश्यकताओं के लिए अनुकूलन क्षमता बढ़ सकती है।

हालाँकि, यह याद रखना महत्वपूर्ण है कि OOP सभी के लिए एक ही आकार में फिट होने वाला समाधान नहीं है। प्रत्येक परियोजना के लिए इन सिद्धांतों के एक अलग संतुलन की आवश्यकता हो सकती है, और कुछ मामलों में, अन्य प्रतिमान अधिक उपयुक्त हो सकते हैं। मुख्य बात यह है कि इन अवधारणाओं को पूरी तरह से समझें और उन्हें विवेकपूर्ण तरीके से लागू करें, हमेशा अपने प्रोजेक्ट और टीम की विशिष्ट आवश्यकताओं को ध्यान में रखते हुए।

हैप्पी कोडिंग?

विज्ञप्ति वक्तव्य यह आलेख यहां पुन: प्रस्तुत किया गया है: https://dev.to/alaa-samy/elevate-your-javascript-a-dep-dive-into-object-origined-programming-2080?1 यदि कोई उल्लंघन है, तो कृपया स्टडी_गोलंग से संपर्क करें @163.com हटाएं
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3