Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでポリモーフィズムを実装する方法は？

ポリモーフィズム

ポリモーフィズム オブジェクト指向プログラミング（OOP）の信条の1つです。特定の提供されたオブジェクトとの動作を共有またはオーバーライドできるようにオブジェクトを設計するのに役立ちます。 ポリモーフィズム 継承を利用する これを実現するために。

次の例では、'クリケットなどの子オブジェクト 'および'テニス '選択を上書きしました '親オブジェクトから呼び出されたメソッド'ゲーム '出力に示されているように、それぞれ新しい文字列を返しました。一方、 select をオーバーライドする代わりに、別の子オブジェクト「football」 メソッド、メソッドを共有（継承）し、出力に示されているように親文字列を表示しました。

例

<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. JavaScriptで配列を減らす方法は？

    以下は、JavaScriptで配列を減らすためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>   &n

  2. JavaScriptで非同期ループを実装する方法は？

    以下は、JavaScriptで非同期ループを実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &nbs