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 starten Sie ein Java-Programm im Docker
Erstellen Sie ein einfaches Spring Boot-Webprojek...
Gründe und Lösungen für das Nicht-Wirksamwerden der MySQL-SQL-Modus-Änderung
Inhaltsverzeichnis Vorwort Szenariosimulation Zus...
Detaillierte Schritte zur Installation von Nginx unter Linux
1. Nginx-Installationsschritte 1.1 Offizielle Web...
Geben Sie zwei Zahlen in HTML ein, um Additions-, Subtraktions-, Multiplikations- und Divisionsfunktionen zu realisieren
1. parseFloat()-Funktion Erstellen Sie auf einer ...
So implementiert Webpack das Caching statischer Ressourcen
Inhaltsverzeichnis Einführung Unterscheiden Sie z...
Detaillierte Erklärung des Unterschieds zwischen Oracle10-Partitionen und MySQL-Partitionen
Die häufig verwendeten Oracle10g-Partitionen sind...
MySQL-Platzhalter (erweiterte SQL-Filterung)
Inhaltsverzeichnis Lassen Sie uns zunächst kurz P...
Detaillierte Erklärung zur Lösung des Problems zu langer Inhalte in CSS
Wenn wir CSS schreiben, vergessen wir manchmal di...
Dateiupload über HTML5 auf Mobilgeräten
Meistens werden Plug-Ins zum Hochladen von Dateie...
Detaillierte Erläuterung des Implementierungsprozesses und der Verwendung des Linux-Papierkorbmechanismus
Vorwort: rm unter Linux-Systemen ist irreversibel...
Vue implementiert Multi-Grid-Eingabefeld auf mobilem Endgerät
Vor Kurzem hat das Unternehmen die Anforderung ge...
Vue verwendet Vue-Metainformationen, um den Titel und die Metainformationen jeder Seite festzulegen
Titel: Vue verwendet Vue-Meta-Info, um den Titel ...
Die tdwidth-Einstellung der Tabelle in mehreren Divs ist gleich und kann nicht ausgerichtet werden
Kürzlich habe ich festgestellt, dass selbst wenn d...
Designtheorie: Menschenorientiertes Green Design
Überlegungen zu den beiden Sichtweisen „menscheno...
Ubuntu öffnet Port 22
Szenario Sie müssen das Xshell-Tool verwenden, um...