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 6 Kompilieren und installieren Sie ZLMediaKit-Analyse

Installieren Sie ZLMediaKit auf centos6 Der Autor...

So ändern Sie den Punkt im WeChat-Applet Swiper-Dot in einen Slider

Inhaltsverzeichnis Hintergrund Zieleffekt Ideen e...

Detaillierte Erläuterung der Konfiguration der Alibaba Cloud-Sicherheitsregeln

Vor zwei Tagen habe ich das Double 11-Shopping-Fe...

Beispiel für eine Methode zum Festlegen von MySQL-Fremdschlüsseln

1. Methode zum Festlegen des Fremdschlüssels 1. U...

Detaillierte Erläuterung der Deep Copy und Shallow Copy im JS-Variablenspeicher

Inhaltsverzeichnis Variabler Typ und Speicherplat...

So lösen Sie das Problem, dass der Docker-Container keinen Vim-Befehl hat

Finden Sie das Problem Als ich heute versuchte, d...

Lösung zur Deinstallation von Python und Yum im CentOs-System

Hintergrund des Unfalls: Vor einigen Tagen habe i...

Vergleich der Vorteile von vue3 und vue2

Inhaltsverzeichnis Vorteil 1: Optimierung des Dif...

Der Unterschied zwischen Hash-Modus und Verlaufsmodus im Vue-Router

vue-router hat zwei Modi Hash-Modus Verlaufsmodus...

Detaillierte Schritte zum Bereitstellen eines Tomcat-Servers basierend auf IDEA

Inhaltsverzeichnis Einführung Schritt 1 Schritt 2...

Spezifische Verwendung des Linux-Befehls „dirname“

01. Befehlsübersicht dirname - entfernt nicht zu ...

CSS Acht auffällige HOVER-Effekt-Beispielcodes

1. Effekt-HTML senden <div id="senden-btn...

Beispielcode zur Implementierung einer Auto-Increment-Sequenz in MySQL

1. Erstellen Sie eine Sequenztabelle CREATE TABLE...

So ändern Sie MySQL-Berechtigungen, um Hosts den Zugriff zu ermöglichen

Aktivieren Sie Remote-Zugriffsrechte für MySQL My...

js native Wasserfall-Flow-Plugin-Produktion

In diesem Artikel wird der spezifische Code des n...