Javascript sincronizacion/wait

[Escain]

Buenos días!

El problema que planteo puede ser algo confuso aunque lo voy a explicar lo mejor que pueda:

He desarrollado una función que implementa la típica línea "#include" en Javascript:
algo así como:

Código:

Include("otroArchivo.js");

El problema es que dicha función es sincrona y cuando hay muchos archivos, la carga se hace lenta.
He hecho pues la modificación del Include para que sea asíncrona.
Problema: imaginemos lo siguiente:

Código:

Include("archivoFuncionA.js");

var i = A();

Obviamente la segunda línea falla puesto que A no ha terminado la carga asíncrona y por lo tanto no existe aún.
Mi idea para solucionar esto es una fórmula que se usa mucho en OpenGL: Encerrar las instrucciones en un bloque:

Código:

Include.BeginAsync();
Include("archivoFuncionA.js");
Include("archivoFuncionB.js");
Include.EndAsync();

La función BeginAsync es trivial, pero la EndAsync es otra cosa.
De momento la he implementado con espera activa, es decir, comprobando cada 0.1s si todos los archivos que empezaron a cargarse ya finalizaron/cancelaron.

Las esperas activas no me gustan, la question que me preocupa ahora es pues si existe alguna forma (sea o no muy correcta para Javascript) para hacer en la función "EndAsync" una espera y que sea el evento de fin de carga el que reanude EndAsync.
En un lenguaje imaginario, sería algo asi:

Código:

Funcion EndAsync(){
Wait(10);
}

Funcion onLoadedCallback(){
EndAsync.continue();
}

Es decir, la función evento al terminar de incluir el código cancela la espera de la función EndAsync, reanudando así la ejecución normal del código.

Muchas gracias de antemano por las aportaciones.

[Aijoona]

Te recomendaría leer sobre promises/deferred, bastante interesante el tema.

[alejandromg]

Como dice @Aijoona promises/deferred es el tema acá. Si buscas inspiración:

https://github.com/waka/js-promise-simple
https://gist.github.com/1859023

O el mismo jQuery.Deferred. Si usas node.js el modulo async realiza cosas similares.

[Escain]

Buenas tardes!
Primero gracias a ambos por vuestra aportación.

He estado investigando acerca de Deffered/promises y es muy interesante, pero hasta donde he entendido, pretenden ser una interfaz estándar de propagación de eventos, pero no implementan ningún tipo de sincronización.
Si uso Deffered en mi código: imagino que sería la función evento la que llamaría "resolve" y el objeto deffered pasaría el evento a la función onDone(), y me encontraría en el mismo problema de sincronizacion entre la función endAsync y el evento onDone.
El módulo async también hace uso de Callback, hasta donde conozco no implementa sincronización de funciones.

[Aijoona]

Me cuesta seguirte, pero vamos a hacer un esfuerzo. No conozco nadie que haga lo que mencionas de manera síncronica en el browser.

Conoces YUI? YUI hace includes de archivos de manera dinamica para su inclusión en sandboxes requeridos, paso a ejemplificar.

Código Javascript:

YUI().use("node", "datatype-number", "cache-base" ,function (Y) {
    var cache = new Y.Cache();
    //...
});
 

Como bien notarás, este proceso es asíncrono.

curl.js, otra excelente librería de AMD (Asynchronous Module Definition) es bastante similar:

Código Javascript:

curl(['dep1', 'dep2', 'dep3' /* etc */])
    .then(callback, errorback);
 

Esta misma metodología la vas a encontrar en otros frameworks/librerías (ExtJS, LAB.js, $script, etc).

Si usas promesas, cada carga de archivo es una promesa, y su carga finalizada seria su resolve, luego, cuando todas las promesas requeridas estén cumplidas (es decir, cargaste tus dependencias), asincronicamente se ejecutara la consecuencia.

[Escain]

He seguido buscando y tal como decís en vuestros post, no parece haber forma de sincronizar en javascript, este lenguaje parece agarrarse en su paradigma de eventos mas que la pintura seca. Me quedaré pues en la forma actual del Include síncrono.
Gracias por vuestras aportaciones.

PD: Avisadme cuando implementen semaforos

[Aijoona]

No se puede implementar ningun tipo de semaforo en el browser ya que la ejecución de JS y de la interfaz gráfica corren sobre un único thread.

Simplemente es otro paradigma.