Using composition rather than inheritance to add behavior

So far, we've seen how to use inheritance to add behavior and compose larger structures. This is not always the ideal approach. In many situations, it's better to use a method known as composition instead. This involves using distinct classes in connection without establishing a hierarchical relationship. The chief advantage here is code clarity and flexibility.

In this recipe, we'll see how to use composition.

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 08-06-using-composition-instead-of-inherritence.
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. Add a constructor that takes a constructor argument name and assigns...