The Object create() method
Find out all about the JavaScript create() method of the Object object
Introduced in ES5.
Creates a new object, with the specified prototype.
Usage:
const newObject = Object.create(prototype)
Example:
const animal = {}
const dog = Object.create(animal)
The newly create object will inherit all the prototyope object properties.
You can specify a second parameter to add new properties to the object, that the prototype lacked:
const newObject = Object.create(prototype, newProperties)
where newProperties is an object of objects that define each property.
Example:
const animal = {}
const dog = Object.create(animal, {
breed: {
value: 'Siberian Husky'
}
});
console.log(dog.breed) //'Siberian Husky'
I didn’t just say breed: 'Siberian Husky'
but I had to pass a property descriptor object, defined at the beginning of this page.
Object.create()
is often used in combination with Object.assign()
:
const dog = Object.assign(Object.create(animal), {
bark() {
console.log('bark')
}
})
I wrote 21 books to help you become a better developer:
- HTML Handbook
- Next.js Pages Router Handbook
- Alpine.js Handbook
- HTMX Handbook
- TypeScript Handbook
- React Handbook
- SQL Handbook
- Git Cheat Sheet
- Laravel Handbook
- Express Handbook
- Swift Handbook
- Go Handbook
- PHP Handbook
- Python Handbook
- Linux Commands Handbook
- C Handbook
- JavaScript Handbook
- Svelte Handbook
- CSS Handbook
- Node.js Handbook
- Vue Handbook
Also, JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025