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

CocosCreator classic entry project flappybird

Table of contents Development Environment Game en...

HTML Basics: The basic structure of HTML

The basic structure of HTML hypertext documents is...

MySQL password modification example detailed explanation

MySQL password modification example detailed expl...

How to deploy Angular project using Docker

There are two ways to deploy Angular projects wit...

How to remotely connect to MySQL database with Navicat Premium

The party that creates a new connection is equiva...

How to enable the slow query log function in MySQL

The MySQL slow query log is very useful for track...

Summary of commonly used SQL in MySQL operation tables

1. View the types of fields in the table describe...

Vue+Vant implements the top search bar

This article example shares the specific code of ...

An example of using CSS methodologies to achieve modularity

1. What are CSS methodologies? CSS methodologies ...