Detailed explanation of Object.create instance usage in js

Detailed explanation of Object.create instance usage in js

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

> "My name is Matthew. Am I human? true"

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:
  • A new way to create JavaScript objects: Object.create()
  • Introduction to creating objects using Object.create() in JavaScript
  • Introduction to JavaScript Design Pattern Prototype Pattern (Object.create and prototype)

<<:  How to locate MySQL slow queries

>>:  Detailed explanation of the difference between url ending with / and without / in nginx proxy_pass configuration

Recommend

How to prompt and open hyperlink a

<br />The countless information on the Inter...

How to run Python script on Docker

First create a specific project directory for you...

How to use JS to implement waterfall layout of web pages

Table of contents Preface: What is waterfall layo...

Tutorial on how to remotely connect to MySQL database under Linux system

Preface I recently encountered this requirement a...

MySQL 8.0.13 manual installation tutorial

This article shares the manual installation tutor...

Method of Vue component document generation tool library

Table of contents Parsing .vue files Extract docu...

Summary of examples of common methods of JavaScript arrays

Table of contents Common array methods concat() M...

How to let DOSBox automatically execute commands after startup

Using DOSBox, you can simulate DOS under Windows ...

Docker mounts local directories and data volume container operations

1. Docker mounts the local directory Docker can s...

JS removeAttribute() method to delete an attribute of an element

In JavaScript, use the removeAttribute() method o...

The front-end page pop-up mask prohibits page scrolling

A problem that front-end developers often encount...