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
Installieren Sie ZLMediaKit auf centos6 Der Autor...
Inhaltsverzeichnis Hintergrund Zieleffekt Ideen e...
Vor zwei Tagen habe ich das Double 11-Shopping-Fe...
1. Methode zum Festlegen des Fremdschlüssels 1. U...
Inhaltsverzeichnis Variabler Typ und Speicherplat...
Finden Sie das Problem Als ich heute versuchte, d...
Hintergrund des Unfalls: Vor einigen Tagen habe i...
Inhaltsverzeichnis Vorteil 1: Optimierung des Dif...
vue-router hat zwei Modi Hash-Modus Verlaufsmodus...
Inhaltsverzeichnis Einführung Schritt 1 Schritt 2...
01. Befehlsübersicht dirname - entfernt nicht zu ...
1. Effekt-HTML senden <div id="senden-btn...
1. Erstellen Sie eine Sequenztabelle CREATE TABLE...
Aktivieren Sie Remote-Zugriffsrechte für MySQL My...
In diesem Artikel wird der spezifische Code des n...