Comunicación entre scripts | Tres métodos

Question

¿Cómo comunico correctamente los datos entre dos guiones?

En este caso particular, tengo un elemento en una secuencia de comandos, pero quiero agregarlo en otra secuencia de comandos.

La manera más simple que pude hacer esto es mediante el uso del objeto de ventana global como intermediario.

Pero los globales no son la mejor práctica.

¿Cuál es la forma correcta de pasar este elemento a otro script?

Ambos guiones están encapsulados en el patrón del módulo.

Guión 0 Crear elemento de punto

var element = document.createElement("div"); 
element.innerHTML = response_text; 

Guión 1 Anexar elemento de punto

Vi.sta = { 

    // implemented in the boot loader - shared global space - appended child already - you don't have to append until now. 
    // Static data has already been composed. 
    // Pull off window and append or best practice 

}; 

Ambos están encapsulados en el diseño del módulo de

(function(){ 
    // the code here 
})() 

Answer 1

Todos los scripts JS se ejecutan en el ámbito global. Cuando los archivos se descargan al cliente, se analizan en el alcance global.

Así que si usted tiene

// File_1.js 
var myObj = { colour : "blue" }; 

No hay nada que le para de esta manera:

// File_2.js 
var otherObj = { colour : myObj.colour }; 

Mientras File_1.js se carga antes File_2.js

Si son espacios de nombres, es decir: MYNAMESPACE = {}; y cada archivo extiende su espacio de nombres a través de módulos (en lugar de "patrón de módulo" que se refiere a las interfaces de retorno de las funciones de invocación inmediata), luego verificar la existencia del módulo.

Si ESTÁ escribiendo módulos para una aplicación de espacio de nombres, y SÍ necesita acceder a las variables de un módulo a otro, entonces debe proporcionar un interface para eso.

Si está SANDBOXING módulos, a continuación, es necesario proporcionar a todos una proxy similar a un service-locator o una "registry", o desarrollar un messaging-system basado en un mediator-pattern.

Answer 2

window.sharedSpace = {}; 
sharedSpace.sharedValue = 'foo bar'; 

De esta manera solo tiene un objeto global en lugar de varios.

Answer 3

¿Por qué no pasa el elemento a una función en el módulo?

var module1 = (function() { 
    return { 
     func1: function() { 
      // get your element 
      var someElement = ...; 

      // pass it to the other module 
      module2.func2(someElement); 
     } 
    }; 
})(); 

var module2 = (function() { 
    return { 
     func2: function (someElement) { 
      // do whatever you want with someElement 
     } 
    }; 
})();