Heim > Web-Frontend > js-Tutorial > Hauptteil

JavaScript-Methoden zum Definieren von Klassen und Objekten_Javascript-Tipps

WBOY
Freigeben: 2016-05-16 16:30:04
Original
1470 Leute haben es durchsucht

Die Beispiele in diesem Artikel beschreiben, wie JavaScript Klassen und Objekte definiert. Teilen Sie es als Referenz mit allen. Die spezifische Methode ist wie folgt:

In JS gibt es viele verschiedene Möglichkeiten, Klassen und Objekte zu schreiben. Da ich mit JS nicht sehr vertraut bin, schreibe ich nach meinem Verständnis. Wenn ein Freund etwas falsch findet, sagen Sie es mir bitte und wir können es gemeinsam lernen.
Es gibt zwei Möglichkeiten, eine Klasse in JS zu definieren (ich kenne nur diese beiden):

1. So definieren Sie Funktionen:
Definition:

Code kopieren Der Code lautet wie folgt:
FunktionsklasseA(a)
{
This.aaa=a; //Füge ein Attribut hinzu
This.methodA=function(ppp) //Eine Methode hinzufügen
{
alarm(ppp);
}
}
classA.prototype.color = "red"; //Verwenden Sie die Prototyp-Methode, um die Eigenschaften des Objekts hinzuzufügen. Diese Methode gilt auch für Instanzen (Objekte) der Klasse
classA.prototype.tellColor = function() //Methode zum Hinzufügen von Objekten mithilfe der Prototyp-Methode. Diese Methode gilt auch für Instanzen (Objekte) von Klassen
{
        return „color of „ this.name „ is „ this.color;
}

Anwendung:
Code kopieren Der Code lautet wie folgt:
var oClassA=new classA('Dies ist ein Klassenbeispiel !') ; //Instantiierungsklasse
var temp=oClassA.aaa; //Attribut aaa verwenden
oClassA.methodA(temp); //Methode methodA verwenden


2. So instanziieren Sie zuerst die Object-Klasse
Definition:
Code kopieren Der Code lautet wie folgt:
var oClassA=new Object(); //Instanziieren des Basisklasse erstes Objekt
oClassA.aaa='Dies ist ein Klassenbeispiel!'; //Füge ein Attribut hinzu
oClassA.methodA=function(ppp) //Eine Methode hinzufügen
{
alarm(ppp);
}
oclassA.prototype.color = "red"; //Verwenden Sie die Prototyp-Methode, um Attribute des Objekts hinzuzufügen
oclassA.prototype.tellColor = function() //Methode zum Hinzufügen von Objekten mithilfe der Prototyp-Methode
{
         return „color of „ this.name „ is „ this.color;
}


Anwendung:
Sie können oClassA direkt verwenden, wie zum Beispiel:
Code kopieren Der Code lautet wie folgt:
var temp=oClassA.aaa; //Attribut aaa verwenden
oClassA.methodA(temp); //Methode methodA verwenden

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

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