Simulando import / include en javascript

[SetheR]

Hola muy buenas.
Estoy haciendo un script que consiste en un objeto que agrego al DOM y al cual le puedo añadir "extensiones" en forma de más objetos.
Os dejo el código simplificado para que veáis a lo que me refiero.

Éste es el único script que carga el HTML al principio. Crea el objeto 'basics' con el metodo loadExtension. Este método recibe un string que será el nombre de la extensión y añade una etiqueta SCRIPT en el head con el código de dicha extensión. El método es más extenso, tiene validación de nombre etc, pero quiero que veáis el problema:

Código Javascript:

var basics = {
 
     loadExtension: function( ext_name ) {
         if(!this[ext_name]){
            var script_tag = document.createElement('script');
            script_tag.type = 'text/javascript';
            script_tag.src = 'js/prueba/ext/'+ext_name+'.js';
            document.getElementsByTagName('head')[0].appendChild(script_tag);
 
            alert(this[ext_name]);
            alert(this[ext_name]);
            
         }else {
             //this.console.writeError('This extension has been already loaded!');
         }
     }
 }
window.addEventListener('load', main, false);
function main(){
    basics.loadExtension('console');
    basics.console.writeError('hola');
}
 

Y el código de la extensión:

Código Javascript:

basics.console = {
    writeError: function( msg ) {
        alert(msg);
    }
}
 

El problema viene a que me tira un error en la segunda línea del main. Lo más raro es que si pongo UN SOLO alert dentro de la función loadExtension , la aplicación funciona. Si pongo DOS, el segundo ya me alerta de que eso es un objeto (tal y como lo tengo en el código que os puse).

Si quito los alert, el error persiste, no funciona, pero cuando acaba de ejecutarse el main(), el DOM tiene cargado mi objeto basics.console.

Con lo que deduzco que alert() produce algún tipo de evento o interrupción que haga que el navegador "lea" ese archivo javascript.

¿Alguna idea de como solucionar este problema? Se me ocurrió usar una función auxiliar que haga lo mismo que alert pero sin soltar la ventanita, pero no se me ocurre como implementarlo.

También me vale alguna forma alternativa de hacer esto.

Muchas gracias por adelantado!

PD: Ya sé que no todos los navegadores soportan la carga dinámica de scripts, pero ese no es el tema.

[Panino5001]

Supongo que en algún lugar definís ext_name. Si es así, el alert debería ser así:

Código PHP:

  alert(this['ext_name']);//con comillas 
   

o así:

Código PHP:

  alert(this.ext_name);//con sintaxis de puntos 
   

[SetheR]

Hola Panino!
Gracias por responder.
ext_name es el string que se recibe por parámetro. Lo pongo asi this[ext_name] para que me cree una propiedad del objeto con el nombre que le paso por parámetro, aunque no está en el alert el error.

si en la misma funcion en la que llamo a loadExtension no hago nada más antes de que acabe la ejecución del script, funciona, pero sería poco funcional o 'utilizable'.
por ejemplo si llamo a basics.console en un evento tras crearlo (document.onkeydown p. ej), el script funciona correctamente.

Habría alguna forma de detectar si se han producido cambios en el DOM tras la ejecucion e una función? o como podría hacer esto??

[Panino5001]

Pasa que si hacés esto, obtenés un undefined:

Código PHP:

  <script type="text/javascript">
var basics = {
     
     loadExtension: function(m) {
         
 
            alert(this[m]);
            
        
     }
 }
 basics.loadExtension('algo');
</script> 
  

Para que funcionara tendrías que hacerlo de otra manera, ej:

Código PHP:

  <script type="text/javascript">
var basics = {
     
     loadExtension: function() {
         
 
            alert(this['m']);
            
        
     }
 }
  basics.m='algo';
 basics.loadExtension();
</script> 
  

o así:

Código PHP:

  <script type="text/javascript">
var basics = {
     
     loadExtension: function(m) {
             this.m=m;
 
            alert(this['m']);
            
        
     }
 }
 basics.loadExtension('algo');
</script>