Heim > Web-Frontend > js-Tutorial > Javascript implementiert einfach objektorientierte Programmierung und erbt Beispielcode_Javascript-Fähigkeiten

Javascript implementiert einfach objektorientierte Programmierung und erbt Beispielcode_Javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:29:24
Original
998 Leute haben es durchsucht

Dieser Artikel beschreibt die einfache Implementierung von Beispielcode für die objektorientierte Programmiervererbung in Javascript. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Objektorientierte Sprachen müssen vier grundlegende Merkmale aufweisen:

1. Kapselungsfähigkeit (d. h. das Einfügen von Variablen oder Funktionen grundlegender Datentypen in eine Klasse, um Mitglieder oder Methoden der Klasse zu bilden)
2. Aggregationsfähigkeit (d. h. Klassen können Klassen enthalten, sodass ausreichend komplexe Designs gehandhabt werden können)
3. Unterstützen Sie die Vererbung (die übergeordnete Klasse kann Unterklassen ableiten, und die Unterklassen verfügen über die Attribute oder Methoden der übergeordneten Klasse)
4. Unterstützen Sie Polymorphismus (erlauben Sie, dass derselbe Methodenname abhängig von der Methodensignatur [d. h. den Parametern der Funktion] unabhängige Verarbeitungsmethoden hat)

Javascript kann diese vier Grundattribute unterstützen, sodass JavaScript tatsächlich eine schwach typisierte objektorientierte Sprache ist. Hier ist ein einfacher Klassenvererbungscode

<script type="text/javascript">
//父类ClassA
function ClassA(sColor) {
  this.color = sColor;
  this.sayColor = function () {
    document.write("Color:" + this.color + "<br/>");
  };
}
//子类ClassB,继承自ClassA
function ClassB(sColor,sName){  
  ClassA.call(this,sColor);//利用call函数,将ClassA的所有方法都赋给ClassB,即实现了继承
  this.name = sName;
  this.sayName = function(){
    document.write("Name:" + this.name + "<br/>");
  }
}
var oClassA = new ClassA("Red");
oClassA.sayColor();
var oClassB = new ClassB("Blue","Jimmy.Yang");
oClassB.sayColor();//这里sayColor方法是从ClassA继承来的
oClassB.sayName();//这是ClassB中的新方法
/*
call函数的演示示例
function sayColor(sPrefix, sSuffix) {
alert(sPrefix + this.color + sSuffix);
};
var obj = new Object();
sayColor.call(obj, "The color is ", ", a very nice color indeed. ");
*/
</script>

Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage