Classes

ES6 Classes

Classes provide syntactic sugar over prototype-based inheritance. They support constructors, methods, static methods, getters/setters, and extends.

Example

class Shape {
  #area = 0;
  constructor(color) { this.color = color; }
  get info() { return `${this.color} shape`; }
  static create(c) { return new Shape(c); }
}
class Circle extends Shape {
  constructor(r, c) { super(c); this.#area = Math.PI * r * r; }
  get area() { return this.#area; }
}

JAVASCRIPT

Full Editor

Pro Tip

Private class fields (#field) are native to JS since ES2022 — no need for WeakMap workarounds.

Related Resources

JavaScript Reference

Complete tag & property list

JavaScript How-To Guides

Step-by-step practical guides

JavaScript Exercises

Practice what you've learned