1. Create a new object using the Object.create() method and use the existing object to provide the proto of the new object. 2. Provide two parameters, the first is the newly created prototype object, and the second is the object to add properties to the newly created object. Examples//father object let father = { name: 'father', friend: ['abby', 'bob'] } // Generate a new instance object child1 let child1 = Object.create(father) // Change the value type attribute child1.name = 'Modified name' console.log(child1.name) //Modified name // Change the reference type value child1.friend.push('chely') console.log(child1.friend) //[ 'abby', 'bob', 'chely' ] // Generate a new instance object child2 let child2 = Object.create(father) console.log(child2.name) //father console.log(child2.friend) //[ 'abby', 'bob', 'chely' ] Knowledge point expansion: Object.create() creates a method instance const person = { isHuman: false, printIntroduction: function() { console.log(`My name is ${this.name}. Am I human? ${this.isHuman}`); } }; const me = Object.create(person); me.name = 'Matthew'; // "name" is a property set on "me", but not on "person" me.isHuman = true; // inherited properties can be overwritten me.printIntroduction(); // expected output: "My name is Matthew. Am I human? true" Operation Results
This is the end of this article about the detailed usage of Object.create instance in js. For more information about what is the Object.create method in js, please search for previous articles on 123WORDPRESS.COM or continue to browse the related articles below. I hope everyone will support 123WORDPRESS.COM in the future! You may also be interested in:
|
<<: How to locate MySQL slow queries
<br />The countless information on the Inter...
First create a specific project directory for you...
Table of contents Preface: What is waterfall layo...
Table of contents 1. Install Docker on CentOS 7.9...
Preface I recently encountered this requirement a...
This article shares the manual installation tutor...
Original Intention The reason for making this too...
Table of contents Parsing .vue files Extract docu...
Table of contents Common array methods concat() M...
Using DOSBox, you can simulate DOS under Windows ...
Set the table's style="table-layout:fixed...
1. Docker mounts the local directory Docker can s...
Recently, I have used React Hooks in combination ...
In JavaScript, use the removeAttribute() method o...
A problem that front-end developers often encount...