Skip to content

Classes

Classes

Introduction

ES6 classes are syntactic sugar over JavaScript’s existing prototypal inheritance. They provide a cleaner, more familiar syntax for creating constructor functions and managing prototypes.

Learning Objectives

Write class declarations and expressions
Understand constructors and instance initialization
Use extends and super for inheritance
Implement getters, setters, and computed properties
Use static methods and fields
Understand private fields with #

Visual Summary

flowchart TD
    A["Class Definition"]
    A --> B["constructor()"]
    A --> C["Instance Methods"]
    A --> D["Static Methods"]
    A --> E["Getters/Setters"]
    A --> F["Private Fields (#)"]

    B --> G["Called with new"]
    C --> H["Shared via prototype"]
    D --> I["Called on class itself"]
    E --> J["Computed properties"]
    F --> K["Truly private"]

Topics Covered

Topic	Description	Est. Time
Class Declaration	class syntax, class expressions	10 min
Constructor	Initialization, super()	10 min
extends & super	Inheritance, method overriding	15 min
Getters & Setters	Computed properties	10 min
Static Members	Static methods and fields	10 min
Private Fields	`#` prefix for true privacy	15 min

Prerequisites

Functions and constructors
Prototypes and prototype chain
Objects and property descriptors

Learning Path

Class Declaration → Constructor → extends & super → Getters & Setters → Static Members → Private Fields