ES6 module syntax also introduces the import keyword for importing objects. In our order.js example, we import an object like this:
- The
importkeyword begins the statement. - The keyword
Menuhere specifies the name of the variable to store the default export in. fromspecifies where to load the module from.'./menu'is the name of the module to load. When dealing with local files, it specifically refers to the name of the file without the extension of the file.
We can then continue using the Menu module in the order.js file.
Instructions
In missionControl.js we’ll use the module Airplane to display the fuel capacity of both our airplanes.
Use the import keyword to import the Airplane module.
Define a function displayFuelCapacity().
Within the body of the displayFuelCapacity function, use forEach() to iterate over the Airplane.availableAirplanes array.
The forEach() should take an anonymous function as a parameter. We’ll add more in the next step.
Pass the anonymous function you created in the last step a parameter of element.
Within the displayFuelCapacity function, use console.log() to output the element’s name and its fuel capacity. The output should look like this:
Call the displayFuelCapacity function.