Web Components in Action

A.3. Classes

In other languages, classes can be thought of as blueprints or templates. When you create this blueprint, you’re creating a well-defined construct that you can instantiate objects from. The class doesn’t really serve to do anything besides be this template. Despite just being a blueprint, classes serve to plan out how objects we create from them will act. Any instance or object created from a certain class will always act a certain way because the programmer has defined all of the methods, properties, and logic within the class.

A class usually looks something like this:

Class MyClass {
       . . .
}

You would instantiate, or create, an instance of the class like the following line of JS, shown in figure A.2:

const myInstance = new ...