JavaScript Inheritance in Hindi

  • Introduction to JavaScript Inheritance in Hindi
JavaScript Inheritance in Hindi

Introduction to JavaScript Inheritance

जावास्क्रिप्ट वंशानुक्रम एक तंत्र है जो हमें पहले से मौजूद classes के आधार पर नई classes बनाने की अनुमति देता है। यह child के parent class के methods और variables का पुन: उपयोग करने के लिए flexibility प्रदान करता है।

जावास्क्रिप्ट के extends keyword  का उपयोग एक parent class के आधार पर एक child class बनाने के लिए किया जाता है। यह child class को अपने parent class के सभी गुणों और व्यवहार को प्राप्त करने की सुविधा प्रदान करता है।

याद रखने लायक पॉइंट्स


  • यह IS-A relationship रखता है।
  • extends कीवर्ड का उपयोग क्लास एक्सप्रेशन या क्लास डिक्लेरेशन में किया जाता है।
  • extends कीवर्ड का इस्तेमाल करके हम, हम इनबिल्ट ऑब्जेक्ट के साथ-साथ custom classes के सभी गुणों और व्यवहार को प्राप्त कर सकते हैं।
  • हम inheritance प्राप्त करने के लिए एक प्रोटोटाइप-आधारित दृष्टिकोण का भी उपयोग कर सकते हैं।

जावास्क्रिप्ट extends का उदाहरण : इनबिल्ट ऑब्जेक्ट

इस उदाहरण में, हम आज की तारीख को प्रदर्शित करने के लिए दिनांक ऑब्जेक्ट का विस्तार करते हैं।

<script>  
class Moment extends Date {  
  constructor() {  
    super();  
  }}  
var m=new Moment();  
document.writeln("Current date:")  
document.writeln(m.getDate()+"-"+(m.getMonth()+1)+"-"+m.getFullYear());  
</script>  

आउटपुट:

Current date: 31-8-2020

जावास्क्रिप्ट extends उदाहरण : custom class

इस उदाहरण में, हम sub-class की घोषणा करते हैं जो इसके parent class के गुणों का विस्तार करता है।

<script>  
class Bike  
{  
  constructor()  
  {  
    this.company="Honda";  
  }  
}  
class Vehicle extends Bike {  
  constructor(name,price) {  
   super();  
    this.name=name;  
    this.price=price;  
  }   
}  
var v = new Vehicle("Shine","70000");  
document.writeln(v.company+" "+v.name+" "+v.price);  
</script>  

आउटपुट:

Honda Shine 70000

जावास्क्रिप्ट extends उदाहरण : एक प्रोटोटाइप-आधारित दृष्टिकोण

यहाँ, हम प्रोटोटाइप आधारित inheritance का प्रदर्शन करते हैं। इस दृष्टिकोण में, class का उपयोग करने और ectends कीवर्ड की कोई आवश्यकता नहीं है।

<script>  
//Constructor function  
function Bike(company)  
{  
    this.company=company;   
}  
  
Bike.prototype.getCompany=function()  
{  
  return this.company;  
}  
//Another constructor function  
function Vehicle(name,price) {  
 this.name=name;  
  this.price=price;  
  }   
var bike = new Bike("Honda");  
Vehicle.prototype=bike; //Now Bike treats as a parent of Vehicle.  
var vehicle=new Vehicle("Shine",70000);  
document.writeln(vehicle.getCompany()+" "+vehicle.name+" "+vehicle.price);  
</script>  

आउटपुट:

Honda Shine 70000

Leave a Reply

DMCA.com Protection Status