Comunicazione tra script | Tre metodi

Question

Come comunicare correttamente i dati tra due script.

In questo caso particolare, ho un elemento in uno script, ma voglio aggiungerlo in un altro script.

Il modo più semplice per farlo è utilizzare l'oggetto finestra globale come intermediario.

Ma i globali non sono le migliori pratiche.

Qual è il modo corretto per passare questo elemento a un altro script?

Entrambi gli script sono incapsulati nel modello del modulo.

Script 0 Crea Elemento Point

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

Script 1 Append Elemento Point

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 

}; 

Entrambi sono incapsulati nel modello di modulo di

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

Answer 1

Tutti gli script JS vengono eseguiti nell'ambito globale. Quando i file vengono scaricati sul client, vengono analizzati nell'ambito globale.

Quindi, se hai

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

Non c'è nulla ti impedisce di fare questo:

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

Finché viene caricato File_1.js prima File_2.js

Se sono namespaces, ovvero: MYNAMESPACE = {}; e ogni file estende il tuo spazio dei nomi attraverso i moduli (anziché "modello di modulo" che si riferisce all'interfaccia di ritorno da funzioni che invocano immediatamente), quindi controlla l'esistenza del modulo.

Se STI stai scrivendo moduli per un'app con nomi, e hai bisogno di accedere a variabili da un modulo a un altro, allora dovresti fornire un interface per quello.

Se siete SANDBOXING moduli, quindi è necessario fornire loro un proxy simile ad un service-locator o un "registry", o sviluppare un messaging-system sulla base di un mediator-pattern.

Answer 2

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

In questo modo si ha solo un oggetto globale anziché diversi.

Answer 3

Perché non si passa semplicemente l'elemento a una funzione nel modulo?

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 
     } 
    }; 
})();