Using getters to create read-only properties

We don't always want a property to be writable. In previous recipes, we saw how to create a read-only property on an object. In this recipe, we'll see how to use the get keyword to do this in the context of a class body.

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-05-getters-read-only.
3. Copy or create an index.html that loads and runs a main function from main.js.
4. Create a main.js file with the Rocket class that defines a read only property:

class Rocket { 
  constructor(name) { 
    this.name = name; 
  } 
 
  get readOnlyValue() { 
    return 'Cant' touch this.'; 
  } 
} 

5. Create a main function that creates an instance of the Rocket class. Read from the writable and read-only properties, then try to write to them...