Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट में बहुरूपता कैसे लागू करें?

<घंटा/>

बहुरूपता

बहुरूपता ऑब्जेक्ट ओरिएंटेड प्रोग्रामिंग (OOP) के सिद्धांतों में से एक है। यह वस्तुओं को इस तरह से डिजाइन करने में मदद करता है कि वे विशिष्ट प्रदान की गई वस्तुओं के साथ किसी भी व्यवहार को साझा या ओवरराइड कर सकते हैं। बहुरूपता विरासत . का लाभ उठाता है ऐसा करने के लिए।

निम्नलिखित उदाहरण में चाइल्ड ऑब्जेक्ट जैसे 'क्रिकेट ' और 'टेनिस 'चुनें . को ओवरराइड कर दिया है ' पैरेंट ऑब्जेक्ट 'गेम . से कॉल की गई विधि ' और आउटपुट में दिखाए गए अनुसार क्रमशः एक नई स्ट्रिंग लौटा दी। जबकि दूसरा बच्चा 'फुटबॉल' पर आपत्ति जताता है, चुनें . को ओवरराइड करने के बजाय विधि, साझा (विरासत में मिली) विधि और आउटपुट में दिखाए गए अनुसार मूल स्ट्रिंग प्रदर्शित करता है।

उदाहरण

<html>
<body>
<script>
   var game = function () {}
      game.prototype.select = function()
   {
      return " i love games and sports"
   }
   var cricket = function() {}
   cricket.prototype = Object.create(game.prototype);
   cricket.prototype.select = function()                //  overridden the select method to display      {                                                         new string.  
      return "i love cricket"
   }
   var tennis = function() {}
   tennis.prototype = Object.create(game.prototype);  // overridden the select method to display new
   tennis.prototype.select = function()                  string              
   {
      return "i love tennis"
   }
   var football = function() {}
   football.prototype = Object.create(game.prototype);  // shared parent property
   var games = [new game(), new cricket(), new tennis(), new football()];
   games.forEach(function(game){
      document.write(game.select());
    document.write("</br>");
   });
</script>
</body>
</html>

आउटपुट

i love games and sports
i love cricket
i love tennis
i love games and sports

  1. जावास्क्रिप्ट में विधियों को कैसे उधार लें?

    कॉल (), लागू () और बाइंड () जावास्क्रिप्ट में विधियों को उधार लेने के लिए उपयोग किया जाता है। जावास्क्रिप्ट में उधार लेने के तरीकों के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="view

  1. जावास्क्रिप्ट में सरणियों को कैसे कम करें?

    जावास्क्रिप्ट में सरणियों को कम करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document

  1. जावास्क्रिप्ट में एसिंक्रोनस लूप को कैसे कार्यान्वित करें?

    जावास्क्रिप्ट में एसिंक्रोनस लूप को लागू करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>