Creating a new class

The most fundamental task class can be used for is, of course, creating a new class. This recipe shows the simple syntax for defining and instantiating a new class.

Getting ready

This recipe assumes you already have a workspace that allows you to create and run ES modules in your browser. If you don't, please see the first two chapters.

How to do it...

1. Open your command-line application and navigate to your workspace.
2. Create a new folder named 07-01-create-a-new-class.
3. Copy or create an index.html that loads and runs a main function from main.js.
4. Create a main.js file that defines a new class named Rocket and a main function that creations two instances and logs them out:

// main.js 
class Rocket {} 
 
export function main() { 
  const saturnV = new Rocket(); 
  const falconHeavy = new Rocket(); 
  console.log(saturnV); 
  console.log(falconHeavy); 
}  

5. Start your Python web server and open the following link in your browser: http://localhost:8000/.
6. You will see the following...