Prototype chain in Javascript - Mini Project: Build & Apply

Understanding Prototype Chain in JavaScript

📖 Scenario: Imagine you have a simple object representing a car. You want to understand how JavaScript looks up properties through the prototype chain when you try to access a property that is not directly on the object.

🎯 Goal: You will create an object with a prototype, add properties to both, and then access properties to see how the prototype chain works.

📋 What You'll Learn

Create an object called car with a property make set to 'Toyota'

Create an object called vehicle with a property wheels set to 4

Set vehicle as the prototype of car

Access and print the make property from car

Access and print the wheels property from car to show prototype chain lookup

💡 Why This Matters

🌍 Real World

Understanding prototype chains helps you work with JavaScript objects and inheritance, which is common in web development and frameworks.

💼 Career

Many JavaScript jobs require knowledge of prototypes to debug code, optimize performance, and understand how libraries and frameworks work under the hood.

1

Create the car object

Create an object called car with a property make set to 'Toyota'.

Javascript

// Create the car object with make property
// Your code here

Need a hint?

Use const car = { make: 'Toyota' }; to create the object.

2

Create the vehicle object

Create an object called vehicle with a property wheels set to 4.

Javascript

const car = { make: 'Toyota' };
// Create the vehicle object with wheels property
// Your code here

Need a hint?

Use const vehicle = { wheels: 4 }; to create the object.

3

Set vehicle as the prototype of car

Use Object.setPrototypeOf to set vehicle as the prototype of car.

Javascript

const car = { make: 'Toyota' };
const vehicle = { wheels: 4 };
// Set vehicle as the prototype of car
// Your code here

Need a hint?

Use Object.setPrototypeOf(car, vehicle); to link the prototype.

4

Access and print properties to see prototype chain

Print the make property from car and then print the wheels property from car to show prototype chain lookup.

Javascript

const car = { make: 'Toyota' };
const vehicle = { wheels: 4 };
Object.setPrototypeOf(car, vehicle);
// Print car.make
// Print car.wheels
// Your code here

Need a hint?

Use console.log(car.make); and console.log(car.wheels); to print the properties.