How does the array gets linked in the for loop?

Hello Javier,

this is a very good question. There are few ways your JavaScript code can get access to dependencies which reside in other files. As you deduced, it doesn't happen by itself. Since ES6 (ECMAScript 2015) there's only one "proper" way for doing so with vanilla JavaScript(using only JavaScript):

• via import / export procedure

Before that there were bunch of other more or less messy ways of importing code from other files. However now it's more or less streamlined thank to this new ES6 functionality.

Now I guess that if you didn't see import/export statements during your course is because you execute your code in the browser environment. Remember that before being served to the reciever, all the JavaScript code needs to be declared in your html file by using <script> tags. You can call multiple seperate JavaScript files with those tags, one by one and they all have access to eachother without those statements. That's because all the JS files declared with <script> tags are merged into one, big, long and messy JavaScript file before they're being served to the receiver. In fact browsers simply don't understand and can't use the ES6 import/export calls.

The in-depth topic of serving JavaScript to the browser is quite extensive. You can imagine that when you're writing a big application which uses multitudes of different code files then calling them all one by one with <script> tags is a bad idea:

• each <script> tag sends out a HTTP request, the more of them you've got to perform, the more laggy your app is
• your code might get broken considering that all the seperate files get combined into one and that's because they all share one global scope, which before merging was split into seperate global scopes for each file

There are multiple ways of avoiding those problems, but it's way out of the scope of your question. However if you want to dig into the topic, there are some resources which I could recommend for you:

• Basics of Modular JavaScript
• The Module Pattern in JavaScript course here on Treehouse
• Understanding ES6 Modules

tl;dr: The browser imports that data for you

Hope I was clear enough,

Wiktor Bednarz