Object.create usage in Javascript - Mini Project: Build & Apply

Using Object.create to Build a Simple Prototype Chain

📖 Scenario: Imagine you are creating a simple system to manage different types of vehicles. You want to share common properties and methods between vehicles without repeating code.

🎯 Goal: You will create a base object for vehicles, then use Object.create to make a new object for a specific vehicle type that inherits from the base. Finally, you will display the inherited and own properties.

📋 What You'll Learn

Create a base object called vehicle with a property and a method

Create a new object called car using Object.create(vehicle)

Add a new property to car

Call the inherited method from car

Print the properties to show inheritance

💡 Why This Matters

🌍 Real World

Using <code>Object.create</code> helps create objects that share common behavior without repeating code, which is useful in many programming tasks like building user interfaces or game characters.

💼 Career

Understanding prototype inheritance and <code>Object.create</code> is important for JavaScript developers to write efficient and maintainable code, especially in frameworks and libraries.

1

Create the base object vehicle

Create an object called vehicle with a property type set to "Vehicle" and a method describe that returns the string `This is a ${this.type}`.

Javascript

// Create the base object vehicle with property type and method describe
// Your code here

Need a hint?

Use an object literal with a property type and a method describe that uses this.type.

2

Create car object inheriting from vehicle

Create a new object called car using Object.create(vehicle). Then add a property type to car with the value "Car".

Javascript

const vehicle = {
  type: "Vehicle",
  describe() {
    return `This is a ${this.type}`;
  }
};

// Create car object inheriting from vehicle and set car.type to "Car"
// Your code here

Need a hint?

Use Object.create(vehicle) to make car inherit from vehicle. Then assign car.type = "Car".

3

Use the inherited method describe from car

Call the describe method on car and store the result in a variable called description.

Javascript

const vehicle = {
  type: "Vehicle",
  describe() {
    return `This is a ${this.type}`;
  }
};

const car = Object.create(vehicle);
car.type = "Car";

// Call car.describe() and save the result in description
// Your code here

Need a hint?

Call car.describe() and assign it to description.

4

Print the description and check inheritance

Print the value of description using console.log. Then print car.type and vehicle.type to show the difference.

Javascript

const vehicle = {
  type: "Vehicle",
  describe() {
    return `This is a ${this.type}`;
  }
};

const car = Object.create(vehicle);
car.type = "Car";

const description = car.describe();

// Print description, car.type, and vehicle.type
// Your code here

Need a hint?

Use console.log(description), console.log(car.type), and console.log(vehicle.type) to print the values.