So starten Sie schnell mit VUE3.0: Einstieg ins Lernen
Verwandte Empfehlungen: JavaScript-Tutorial
Was ist Konstruktor: Es ist eine andere Möglichkeit, Objekte in JavaScript zu erstellen.
Im Gegensatz zum Erstellen von Objekten mit Literalmethoden: Konstruktoren können einige Objekte mit denselben Eigenschaften erstellen.
Beispiel: Erstellen Sie Apfel-, Bananen- und Orangenobjekte mit dem Fruchtkonstruktor. Sein Merkmal besteht darin, dass diese Objekte alle auf der Grundlage derselben Vorlage erstellt werden und jedes Objekt seine eigenen Eigenschaften aufweist.
Die Merkmale und Vorteile der Objekterstellung mit wörtlichen Methoden
: Einfachheit und Flexibilität.
Nachteil: Wenn Sie eine Reihe von Objekten mit denselben Eigenschaften erstellen müssen, können Sie nicht durch Code angeben, welche Mitglieder diese Objekte gemeinsam haben sollen.
Die Möglichkeit, Vorlagen in objektorientierten Programmiersprachen zu implementieren, besteht darin, Klassen zu verwenden, um Vorlagen zu erstellen und verschiedene Objekte (Instanzen von Klassen) basierend auf den Vorlagen zu implementieren.
Methode 1 zum Implementieren von Vorlagen in JavaScript: über eine Factory-Funktion, die ein Objekt mithilfe des darin enthaltenen Literals „{ }“ erstellt. Der Nachteil besteht darin, dass der Typ des Objekts nicht unterschieden werden kann.
Möglichkeit 2, Vorlagen in JavaScript zu implementieren: Objekte über Konstruktoren erstellen.
Bevor wir lernen, wie man den Konstruktor anpasst, schauen wir uns zunächst an, wie man den in JavaScript integrierten Konstruktor verwendet.
: Wie kann ich Konstruktoren anpassen?
Beachten Sie, dass
Anfänger beim Erlernen von JavaScript häufig durch ähnliche Begriffe verwirrt werden, z. B. Funktion, Methode, Konstruktor, Konstruktor, Konstruktor usw.
Tatsächlich können sie alle gemeinsam als Funktionen bezeichnet werden, haben jedoch in unterschiedlichen Verwendungsszenarien unterschiedliche Namen. Konventionell werden in einem Objekt definierte Funktionen als Methoden des Objekts bezeichnet.
Einige Leute sind es gewohnt, den Konstruktor als Konstruktor oder Konstruktor zu bezeichnen. Wir müssen nur verstehen, dass sich diese Namen auf dasselbe beziehen.
Der Grund, warumvor ES6 nicht verfügbar war: um die Schwierigkeit zu vereinfachen.
Grund für die Ergänzung: Mit der Entwicklung der Web-Front-End-Technologie wandten sich einige Leute, die ursprünglich mit der Back-End-Entwicklung beschäftigt waren, dem Front-End zu. Um JavaScript näher an die Syntax einiger Back-End-Sprachen zu bringen, damit sich Entwickler schneller anpassen können.
Die Rolle des Klassenschlüsselworts: Wird zum Definieren einer Klasse verwendet.
Features: Die Konstruktor-Konstruktormethode kann in der Klasse definiert werden.
Beachten Sie, dass
die Klassensyntax im Wesentlichen syntaktischer Zucker ist und nur dazu dient, die Verwendung durch den Benutzer zu erleichtern. Derselbe Effekt kann ohne Verwendung dieser Syntax erzielt werden, wie z. B. dem zuvor erlernten Konstruktor. Falls der Browser des Benutzers diese Syntax nicht unterstützt, wird diese Methode nicht empfohlen.
Konzept: Im Konstruktor werden Variablen, die mit dem Schlüsselwort var definiert werden, als private Mitglieder bezeichnet.
Features: Nach dem Instanzobjekt kann nicht über „object.member“ darauf zugegriffen werden, aber auf private Mitglieder kann in der Member-Methode des Objekts zugegriffen werden.
Features: Der private Mitgliedsname spiegelt die objektorientierte Kapselung wider.
Dies liegt daran, dass diese Objekte tatsächlich Instanzen des Konstruktors String sind, also String-Objekte.
Beachten Sie
, dass bei der Bearbeitung einer Zeichenfolge das Verarbeitungsergebnis direkt über den Rückgabewert der Methode zurückgegeben wird und den im String-Objekt selbst gespeicherten Zeichenfolgeninhalt nicht ändert. In den Parametern dieser Methoden ist die Position ein Indexwert, beginnend bei 0, der Indexwert des ersten Zeichens ist 0 und der Indexwert des letzten Zeichens ist die Länge der Zeichenfolge minus 1.
Nehmen Sie als Beispiel die Begrenzung der Länge von Benutzernamen auf 3 bis 10 und die Verwendung des sensiblen Worts „admin“ für Demonstrationszwecke.
wird zur Verarbeitung von Ganzzahlen, Gleitkommazahlen und anderen numerischen Werten verwendet. Folgende Eigenschaften und Methoden werden häufig verwendet.
Es ist ein statisches Mitglied von Number und der Zugriff erfolgt direkt über den Konstruktor Number, nicht über eine Instanz von Number.
Das Math-Objekt wird verwendet, um mathematische Operationen an numerischen Werten durchzuführen. Dieses Objekt ist kein Konstruktor und muss nicht instanziiert werden, um verwendet zu werden.
Nehmen Sie als Beispiel Math.random(), um Zufallszahlen innerhalb eines bestimmten Bereichs zu erhalten.
Die Formel lautet Math.random() * (n - m) + m, was bedeutet, dass ein Zufallswert größer oder gleich m und kleiner als n generiert wird
Das Date-Objekt wird zur Verarbeitung von Datums- und Uhrzeitangaben verwendet.
Beispiel 1: Uhrzeit und Datum basierend auf dem Date-Objekt abrufen.
Beispiel 2: Geben Sie ein Datum basierend auf einem Date-Objekt an.
Beispiel 3: Behandeln Sie die Situation, in der das festgelegte Datum unangemessen ist. Wenn Sie beispielsweise den Monat auf -1 setzen, bedeutet dies Dezember letztes Jahr und die Einstellung 12 bedeutet Januar nächstes Jahr.
Idee zur Code-Implementierung:
Code-Implementierung
<html>
<head><title>Der Kalender dieses Monats</title>
</head>
<Körper>
<p align=center><b>Der Kalender dieses Monats</b></p>
<Skript>
var thisyear,thismonth,today=new Date();;
thisyear=today.getFullYear()
thismonth=today.getMonth();
var imonth,iweekday,iday,nextday;
document.write("<table align=center border=1><tr align=center bgcolor=#fff00>")
document.write("<td>Sonntag</td><td>Montag</td><td>Dienstag</td><td>Mittwoch</td><td>Donnerstag</td><td>Freitag< /td><td>Samstag</td>")
document.write("</tr><tr>")
nächster Tag=1;
var thisdate=neues Datum (dieses Jahr, diesen Monat, nächsten Tag)
für (iday=0;iday<=6;iday++){
if (thisdate.getDay() > iday) {
document.write("<td>");
document.write("</td>")
}
anders {
if (thisdate.getMonth()== today.getMonth()&&thisdate.getDate()== today.getDate() &&thisdate.getFullYear()== today.getFullYear() ){
document.write("<td><font color=red><b>")
document.write (nächsten Tag)
document.write("</font></b></td>")
}
anders {
document.write("<td><b>");
document.write(nextday);
document.write("</b></td>");
}
nächster Tag=nächster Tag+1;
thisdate.setDate(nextday);
}
}
document.write("</tr>");
document.write("<tr>")
iWochentag=1
while(thisdate.getMonth() == thismonth ){
if (thisdate.getMonth()== today.getMonth()&&thisdate.getDate()== today.getDate() &&thisdate.getFullYear()== today.getFullYear() ){
document.write("<td><font color=red><b>")
document.write (nächsten Tag)
document.write("</b></font></td>")
}
anders{
document.write("<td><b>")
document.write (nächsten Tag)
document.write("</b></td>")
}
nächster Tag=nächster Tag+1;
iweekday=iweekday+1;
if (iweekday>7 ){
iWochentag=1;
document.write("</tr>");
}
thisdate.setDate(nextday);
}
</script>
</body>
</html> Verwandte Empfehlungen: JavaScript-Lern-Tutorial
Der oben genannte detaillierte Inhalt hilft Ihnen beim Erhalten von JavaScript-Objekten. Weitere Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.
