1. Erstellen Sie mit der Methode Object.create() ein neues Objekt und verwenden Sie das vorhandene Objekt, um den Prototyp des neuen Objekts bereitzustellen. 2. Geben Sie zwei Parameter an: Der erste ist das neu erstellte Prototypobjekt und der zweite ist das Objekt, um dem neu erstellten Objekt Eigenschaften hinzuzufügen. Beispiele//Vaterobjekt let Vater = { Name: 'Vater', Freund: ['abby', 'bob'] } // Erzeuge ein neues Instanzobjekt child1 let child1 = Objekt.erstellen(Vater) //Ändern Sie das Werttyp-Attribut child1.name = 'Geänderter Name' console.log(child1.name) //Geänderter Name //Ändern Sie den Referenztypwert child1.friend.push('chely') console.log(Kind1.Freund) //['abby', 'bob', 'chely' ] // Erzeuge ein neues Instanzobjekt child2 let child2 = Objekt.erstellen(Vater) console.log(child2.name) //Vater console.log(Kind2.Freund) //['abby', 'bob', 'chely' ] Wissenspunkterweiterung: Object.create() erstellt eine Methodeninstanz const person = { isHuman: falsch, printIntroduction: Funktion() { console.log(`Mein Name ist ${this.name}. Bin ich ein Mensch? ${this.isHuman}`); } }; const me = Objekt.erstellen(Person); me.name = 'Matthew'; // „name“ ist eine Eigenschaft, die auf „me“ gesetzt ist, aber nicht auf „person“ me.isHuman = true; // geerbte Eigenschaften können überschrieben werden ich.printIntroduction(); // erwartete Ausgabe: „Mein Name ist Matthew. Bin ich ein Mensch? Wahr“ Ergebnisse der Operation
Dies ist das Ende dieses Artikels über die detaillierte Verwendung der Object.create-Instanz in js. Weitere Informationen zur Object.create-Methode in js finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! Das könnte Sie auch interessieren:
|
<<: So finden Sie langsame MySQL-Abfragen
Vorne geschrieben In den letzten Jahren ist die L...
CentOS 8 ist jetzt verfügbar! Die Versionen von C...
Link zum Download der ZIP-Datei auf der offiziell...
Docker-Fehler 1. Überprüfen Sie die Ursache Docke...
1. Grundstruktur der Webseite: XML/HTML-CodeInhal...
Vorwort: Wie passt sich Vue basierend auf einem a...
füge -it hinzu docker run -it -name test -d nginx...
Was ich Ihnen heute zeige, ist die Verwendung von...
1. Spiegelbilder verschwinden in 50 und 93 [root@...
Dieser Artikel erläutert anhand von Beispielen di...
Inhaltsverzeichnis 1. Gegenstand 1.1 Was ist ein ...
1. Stellen Sie zunächst einige häufig verwendete ...
Inhaltsverzeichnis 1. Einleitung 2. Analyse des f...
Verwaltung der Ein- und Ausgaben im System 1. Ver...
Wenn wir uns in vielen Apps und Websites anmelden...