Erkunden Sie die Implementierung der Datenfreigabe und Methodenfreigabe für JavaScript-Prototypen
Weitergabe von DatenWelche Art von Daten müssen in den Prototyp geschrieben werden?Die Daten, die geteilt werden müssen, können in den Prototyp geschrieben werden Eine der Funktionen des Prototyps: Datenaustausch Attribute müssen geteilt werden, und Methoden müssen ebenfalls geteilt werden:
Schauen wir uns einen Fall an Fälle der DatenfreigabeName, Alter und Geschlecht jedes Schülers sind einzigartig. Wir müssen
Sie können die gemeinsamen Daten in den Prototyp schreiben
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<title>Titel</title>
<Skript>
Funktion Student(Name,Alter,Geschlecht) {
dies.name=Name;
dies.Alter=Alter;
dies.Geschlecht=Geschlecht;
}
// Alle Schüler sind 188 cm groß und 55 cm schwer
// Alle Schüler müssen jeden Tag 500 Zeilen Code schreiben. // Alle Schüler müssen jeden Tag eine 10 Pfund schwere Wassermelone essen. // Prototypobjekt Student.prototype.height="188";
Student.Prototyp.Gewicht="55kg";
Student.prototype.study = Funktion () {
console.log("Lernen, 500 Zeilen Code schreiben, ein Kinderspiel");
};
Student.prototype.eat = Funktion () {
console.log("Iss eine 10 Pfund schwere Wassermelone");
};
//Objekt instanziieren und initialisieren var stu = new Student ("Student", 57,"Student");
console.dir(Student);
console.dir(stu);
// stu.essen();
// stu.study();
</Skript>
</Kopf>
<Text>
</body>
</html>
Das wird ausgedruckt:
Einfaches Schreiben von PrototypenEs gibt auch eine einfachere Methode für Prototypen. Das Folgende ist eine Modifikation des obigen Beispiels
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<title>Titel</title>
<Skript>
Funktion Student(Name, Alter, Geschlecht) {
dieser.name = Name;
dieses.Alter = Alter;
dies.Geschlecht = Geschlecht;
}
//Einfaches Schreiben eines Prototyps Student.prototype = {
// Den Konstruktor manuell ändern, sodass er auf Konstruktor:Student verweist.
Höhe: "188",
Gewicht: "55kg",
Studie: Funktion () {
console.log("Lernen macht so viel Spaß");
},
essen: Funktion () {
console.log("Ich möchte leckeres Essen essen");
}
};
var stu=new Student("Ding Ding Da Ming",20,"Männlich");
stu.essen();
stu.study();
console.dir(Student);
console.dir(stu);
</Skript>
</Kopf>
<Text>
</body>
</html>
Teilen von PrototypmethodenStellen Sie die Methode beispielsweise so ein, dass nach dem Essen gespielt wird und nach dem Spielen geschlafen wird.
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<title>Titel</title>
<Skript>
//Methoden im Prototyp können aufeinander zugreifen function Animal(name,age) {
dies.name=Name;
dies.Alter=Alter;
}
//Methode im Prototyp hinzufügen// Nach dem Essen spielen Animal.prototype.eat=function () {
console.log("Tiere fressen");
dies.spielen();
};
// Schlafen nach dem Spielen Animal.prototype.play=function () {
console.log("Ball spielen");
dies.schlafen();
};
Tier.prototyp.schlafen = Funktion () {
console.log("schlafen");
};
var Hund = neues Tier ("Xiao Su", 20);
Hund.essen();
//Methoden im Prototypobjekt können sich gegenseitig aufrufen</script>
</Kopf>
<Text>
</body>
</html>
Dies ist das Ende dieses Artikels über die Erkundung der Implementierung der gemeinsamen Nutzung von Daten und Methoden von JavaScript-Prototypen. Weitere relevante Inhalte zur Erkundung der gemeinsamen Nutzung von Daten und Methoden von JavaScript-Prototypen finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! Das könnte Sie auch interessieren:
|
>>: Tutorial zur Installation einer MySQL-ZIP-Datei
Artikel empfehlen
Erfahrungen bei der Neugestaltung der Homepage von TOM.COM
<br />Ohne Vorwarnung sah ich auf cnBeta Neu...
Beherrschen Sie einfach die Verwendung horizontaler Zeilenanmerkungen und Codekommentare in HTML
Horizontale Linie Verwenden Sie das Tag <hr /&...
Schritte zum Aktivieren von TLS in Docker für eine sichere Konfiguration
Vorwort Ich hatte zuvor die 2375 Remote API von D...
Detaillierte Erläuterung des Prinzips der Vue-Überwachungsdaten
Inhaltsverzeichnis 1. Einleitung II. Überwachungs...
18 Sets exquisiter kostenloser Symbolmaterialien im Apple-Stil zum Teilen
Apple-Becher-Symbole und Extras HD StorageBox – Z...
Responsive Webdesign lernen (1) - Bildschirmgrösse und prozentuale Nutzung bestimmen
Heutzutage erfreuen sich mobile Geräte immer größ...
So verwenden Sie DQL-Befehle zum Abfragen von Daten in MySQL
In diesem Artikel zeigt Ihnen der Blogger die häu...
Erläuterung des Beispiels einer MySQL-Datenanalyse-Speicher-Engine
Inhaltsverzeichnis 1. Fälle vorstellen 2. Zeigen ...
Erläuterung der Faktoren, die die Datenbankleistung in MySQL beeinflussen
Eine Geschichte über die Datenbankleistung Währen...
Chinesische Parameterbeschreibung und Verwendungsbeispiele für ffmpeg
1. Wenn ffmpeg Videodateien überträgt, können die...
Detaillierte Erklärung der CSS-Stil-Kaskadierungsregeln
Der Syntaxstil der CSS-Stilregel ist die Grundein...
Installieren Sie MySQL 5.7.18 mit dem RPM-Paket unter CentOS 7
Ich habe kürzlich MySQL verwendet. Im Artikel „My...
Dieser Artikel zeigt Ihnen, wie Sie Vue 3.0 responsive verwenden
Inhaltsverzeichnis Anwendungsfälle Reaktive API-b...
Die jQuery + Swiper-Komponente realisiert den Umschalteffekt der gleitenden Jahresregisterkarte in der Zeitleiste
Ergebnis: Implementierungscode: Muss mit der Swip...
So installieren Sie MySQL auf CentOS und richten den Fernzugriff ein
1. Laden Sie die MySQL-Repo-Quelle herunter $ wge...