Ejemplo varias instancias de un módulo interfaz

Ejemplo que se explica en el tema Módulos de múltiples instancias.

En primer lugar iniciamos el módulo de operaciones (que hemos cargado en el archivo module.js) con lo siguiente:

Namespace.module = Namespace.startModule();

Obteniéndose un objeto con variables y funciones:

A continuación iniciamos el módulo de interfaces (que hemos cargado en el archivo module-ui.js)

Namespace.moduleUi = Namespace.startModuleUi(Namespace.module);

devolviendo el siguiente objeto, donde por ahora no hay instancias creadas. La función create() nos permitirá crearlas:

Creamos la primera instancia para ubicarla en el elemento con ID "location0":

let location0 = document.getElementById("location0");
Namespace.ui0 = Namespace.moduleUi.create({location: location0});

Nos devueve este objeto cuya referencia almacenamos en Namespace.ui0:

Esta es la primera instancia creada

Creamos la segunda instancia dentro del elemento con ID "location1"

let location1 = document.getElementById("location1");
Namespace.ui1 = Namespace.moduleUi.create({location: location1});

Nos devuelve este objeto cuya referencia almacenamos en Namespace.ui1:

En la creación de instancias no es necesario almacenar esos objetos pues también podemos acceder a ellos desde