Question

Is it possible to load multiple scripts with same variables/functions in JS, without overriding the old value of the variable. For example to create an own scope/sandbox or object for each loaded script.

Files to load:

script1:

<script>
function init() {
    do something...
}
</script>

script2:

<script>
function init() {
    do something...
}
</script>

And after loading call script1.init() or script2.init(), is this possible?

Answer 1

You could wrap each section of code with a self invoking anonymous function, which will effectively namespace that section.

(function() {
    function init() {
        // do something...
     }
})();

init(); // ReferenceError

However, if you can’t change the code, the second init will overwrite the first definition.

However…

And after loading call script1.init() or script2.init(), is this possible?

…is confusing. Do you already have the init() as methods of an object? If so, they won’t overwrite each other.