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
Detaillierte Erklärung des Befehls mkdir beim Linux-Lernen
Inhaltsverzeichnis Vorwort 1. Grundkenntnisse zu ...
Ubuntu installiert mehrere Versionen von CUDA und wechselt jederzeit
Ich werde nicht erklären, was CUDA ist, sondern d...
Implementierung der MySQL8.0.11-Datenverzeichnismigration
Das Standardspeicherverzeichnis von MySQL ist /va...
Allgemeine Array-Operationen in JavaScript
Inhaltsverzeichnis 1. verketten() 2. beitreten() ...
React implementiert Paging-Effekt
In diesem Artikel wird der spezifische Code für R...
Detaillierte Erläuterung der Redis-Master-Slave-Replikationspraxis mit Docker
Inhaltsverzeichnis 1. Hintergrund 2. Bedienungssc...
Implementierung eines Docker-Compose-Bereitstellungsprojekts basierend auf MySQL8
1. Erstellen Sie zunächst den entsprechenden Ordn...
Implementierung eines einfachen Timers basierend auf der Vue-Methode
Der einfache Timer von Vue dient Ihnen als Refere...
Tutorial zur Installation und Konfiguration von MySQL Workbench unter CentOS
In diesem Artikel finden Sie das Installations- u...
So vereinheitlichen Sie den Zeichensatz einer vorhandenen MySQL-Datenbank
Vorwort In der Datenbank sind einige Datentabelle...
JS realisiert den Effekt des Bildwasserfallflusses
In diesem Artikel wird der spezifische JS-Code zu...
Zusammenfassung grundlegender SQL-Anweisungen in der MySQL-Datenbank
Dieser Artikel beschreibt anhand von Beispielen d...
Detaillierte Erklärung des Json-Formats
Inhaltsverzeichnis Ein JSON basiert auf zwei Stru...
MySQL bedingte Abfrage und/oder Verwendung und Priorität Beispielanalyse
Dieser Artikel veranschaulicht anhand von Beispie...
Detaillierter Prozess der NTP-Serverkonfiguration unter Linux
Inhaltsverzeichnis 1. Umgebungskonfiguration 1.NT...