Why should you care?

Teams use classes for models, services, and UI components — especially with TypeScript.

See it live — copy this example

Paste into an HTML file or the browser console (F12). Use Run below when the live editor is available.

class User {
  constructor(name) {
    this.name = name;
  }
  greet() {
    return "Hello, " + this.name;
  }
}
const u = new User("Maya");
console.log(u.greet());

Run Example »

Edit the code below and click Run to see the result in Toolliyo’s live editor.

What happened?

• constructor runs when you new User().
• Methods on the class live on the prototype; instances share them.

Practice next

1. Create User and call greet().
2. Add age in constructor.
3. Make two instances and compare them.
4. Add a static method User.fromJSON(obj) that returns new User(obj.name).
5. Add a getter fullLabel that returns name plus a suffix.

Remember

class Name { constructor() {} } new creates an instance Methods use this for instance data

ScriptVerse account model

BankAccount class encapsulates balance, deposit(), and withdraw() used across dashboard modules.

Outcome: Classes give a familiar structure for domain models in large frontends and TypeScript codebases.