Detaillierte Erläuterung der Verwendung von Object.create-Instanzen in js

Detaillierte Erläuterung der Verwendung von Object.create-Instanzen in js

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

> „Mein Name ist Matthew. Bin ich ein Mensch? Stimmt“

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:
  • Eine neue Möglichkeit zum Erstellen von JavaScript-Objekten: Object.create()
  • Einführung in das Erstellen von Objekten mit Object.create() in JavaScript
  • Einführung in das JavaScript-Entwurfsmuster Prototype Pattern (Object.create und prototype)

<<:  So finden Sie langsame MySQL-Abfragen

>>:  Detaillierte Erklärung des Unterschieds zwischen URL-Endungen mit / und ohne / in der Proxy_Pass-Konfiguration von Nginx

Artikel empfehlen

CentOS 8 ist jetzt verfügbar

CentOS 8 ist jetzt verfügbar! Die Versionen von C...

MySQL Community Server 5.7.19 Installationshandbuch (detailliert)

Link zum Download der ZIP-Datei auf der offiziell...

Analyse der Ursache des Docker-Fehlers Beendet (1) vor 4 Minuten

Docker-Fehler 1. Überprüfen Sie die Ursache Docke...

Grundlegende Hinweise zu HTML (empfohlen)

1. Grundstruktur der Webseite: XML/HTML-CodeInhal...

Nach dem Docker-Lauf ist der Status immer „Beendet“

füge -it hinzu docker run -it -name test -d nginx...

Verwenden von jQuery zum Implementieren des Karusselleffekts

Was ich Ihnen heute zeige, ist die Verwendung von...

Lösen Sie das Problem verschwindender Docker-Images

1. Spiegelbilder verschwinden in 50 und 93 [root@...

JavaScript-Grundlagenobjekte

Inhaltsverzeichnis 1. Gegenstand 1.1 Was ist ein ...

CocosCreator ScrollView-Optimierungsreihe: Frame-Laden

Inhaltsverzeichnis 1. Einleitung 2. Analyse des f...

Detaillierte Erläuterung der Systemeingabe- und -ausgabeverwaltung in Linux

Verwaltung der Ein- und Ausgaben im System 1. Ver...