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
So erstellen Sie einen Nginx-Server mit Docker
Betriebsumgebung: MAC Docker-Version: Docker vers...
Detaillierte Erläuterung der kleinen Zustandsverwaltung basierend auf React Hooks
Inhaltsverzeichnis Implementierung der Statusfrei...
Detaillierte Erläuterung der Javascript-Ereigniserfassungs- und Bubbling-Methoden
Inhaltsverzeichnis 1. Ereignisverarbeitungsmodell...
Problem beim Ändern der Tabellengröße mithilfe relativer Breiten
<tr> <th width="12%">AAAAA&l...
Einführung in die Verwendung des http-equiv-Attributs im Meta-Tag
Meta ist ein Hilfstag im Kopfbereich der HTML-Spra...
Lassen Sie IE6, IE7, IE8 CSS3-abgerundete Ecken und Schattenstile unterstützen
Ich möchte eine Seite mit CSS3-abgerundeten Ecken...
Die Fallstricke bei der Beurteilung von NULL-Werten in MySQL
Inhaltsverzeichnis Vorwort MySQL-Fall mit Syntax:...
Der MySQL-Server wird mit der Option --skip-grant-tables ausgeführt.
Der MySQL-Server läuft mit der Option --skip-gran...
32 typische spalten-/rasterbasierte Websites
Wenn Sie nach Inspiration für spaltenbasiertes Web...
Führen Sie die Schritte zum Upgrade von Nginx http auf https aus.
Der Unterschied zwischen http und https ist Bei m...
Interpretation des CocosCreator-Quellcodes: Engine-Start und Hauptschleife
Inhaltsverzeichnis Vorwort Vorbereitung Gehen! Te...
Detaillierte Erläuterung der MySQL-Sicherung und -Wiederherstellung
Vorwort: In den vorherigen Artikeln wurde die Ver...
Installation und Konfiguration der kostenlosen Installationsversion von MySQL 5.7.17
MySQL-Version: MySQL Community Server 5.7.17, ins...
XHTML-Einführungstutorial: Verwendung von Listen-Tags
Listen werden verwendet, um eine Reihe ähnlicher o...
10 Dinge, die exzellente Webentwickler wissen müssen, um ihre Entwicklungsfähigkeiten zu verbessern
„Entwicklung ist mehr als nur Code schreiben“ stam...