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
Implementierung von Docker zum Erstellen eines Zookeeper- und Kafka-Clusters
Ich habe vor Kurzem Kafka gelernt. Als ich mich d...
Detaillierte Erklärung der Lösung für den Fehler beim Erstellen eines Benutzers und Erteilen von Berechtigungen in mysql8.0
Frage 1: Die Schreibmethode, die einen Fehler mel...
Detaillierte Erklärung der Vue-Ereignisbehandlung und Ereignismodifikatoren
<div id="Wurzel"> <h2>Mach ...
Parsen des Linux-Quellcodes epoll
Inhaltsverzeichnis 1. Einleitung 2. Einfaches Epo...
Diskussion über Web-Nachahmung und Plagiat
Einige Monate nachdem ich 2005 in die Branche eing...
Einige Erkenntnisse und Gedanken zu iframe
Diese Geschichte beginnt heute mit einer unerwarte...
Detaillierte Erklärung des Linx awk-Einführungstutorials
Awk ist eine Anwendung zur Verarbeitung von Textd...
Optimierung der Leistung von Paging-Abfragen für MySQL mit mehreren zehn Millionen Daten
Wenn die Datenmenge in MySQL groß ist, wird die S...
Mysql5.7 my.ini-Dateiladepfad und Datenspeicherortänderungsmethode unter Windows 7
Update: Jetzt können Sie auf die offizielle MySQL...
Verwenden von MySQL unter Windows: Implementieren automatischer zeitgesteuerter Sicherungen
1. Schreiben Sie ein Backup-Skript rem Autor:www....
Erfahren Sie, wie Sie ein Vue-Projekt mit Docker bereitstellen
1.Schreiben Sie davor: Als leichtgewichtige Virtu...
Anweisungen zum Erlernen von Vue
Inhaltsverzeichnis 1. v-Text (v-Befehlsname = „Va...
So fügen Sie einem Feld in MySQL eine Standardzeit hinzu
Unterschiede und Verwendungen von Datumstypen MyS...
Einführung in die Vue3 Composition API
Inhaltsverzeichnis Überblick Beispiel Warum wird ...
CSS3 realisiert das Effektdiagramm zur Produktanzeige auf der Website
Dieser Artikel stellt die Wirkung der Produktanze...