How do I execute a main() function without affecting the other of another script?

Question

I have three files:

Arquivo1.js

function main() {
    . . .
}

Arquivo2.js

function main() {
    . . .
}

System js

function openApp(package) {
    var a = document.createElement("script");
    a.src = "/" + package + "/Arquivo1.js";
    document.body[0].appendChild(a);
}

How do I call main() of Arquivo1 without affecting the main() of Arquivo2 inside the System file, which is the head...

I’ve written this post on the original stackoverflow, but no one answered...

EDIT: I updated the code, I want everything to be standardized!

Answer 1

One way out is to not pollute the global namespace by encapsulating the functions of each file into a prototype. In this case, the Arquivo1becomes:

Arquivo1.js

function Arquivo1() {
    this.main = function() {
        return 'A1'
    }
}

Similarly to the Arquivo2. Now the functions are isolated, each in its own prototype. Now, in the main file, we can do:

System js

arquivo1 = new Arquivo1()
arquivo2 = new Arquivo2()
valorDaMainDoArquivo1 = Arquivo1.main()
valorDaMainDoArquivo2 = Arquivo2.main()