スクリプト間の通信| 3つの方法

Question

2つのスクリプト間でデータを正しく通信するにはどうすればいいですか？

この特定のケースでは、1つのスクリプトに要素がありますが、別のスクリプトに要素を追加したいと思います。

私がこれを行うことができる最も簡単な方法は、グローバルウィンドウオブジェクトを中断して使用することです。

しかし、グローバルはベストプラクティスではありません。

この要素を別のスクリプトに渡す正しい方法は何ですか？

両方のスクリプトは、モジュールパターンでカプセル化されています。

スクリプト0作成エレメントポイント

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

スクリプト1追加要素ポイント

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 

}; 

両方がモジュールパターン

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

Answer 1

すべてのJSスクリプトはグローバルスコープで実行されます。ファイルがクライアントにダウンロードされると、ファイルはグローバルスコープで解析されます。

あなたは

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

を持っているのであればこれを行うことからあなたを停止する何もありません：

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

は、限り、あなたならばFile_1.jsがFile_2.js

前にロードされるとすなわち、MYNAMESPACE = {};であり、各ファイルは（直ちに起動する関数からのインタフェースを返すことを意味する「モジュールパターン」ではなく）モジュールを通してあなたの名前空間を拡張します。モジュールの存在を確認してください。

名前空間のアプリケーション用のモジュールを作成していて、1つのモジュールから別のモジュールに変数にアクセスする必要がある場合は、interfaceを提供する必要があります。あなたはSANDBOXINGのモジュールがある場合は

は、その後、あなたがそれらを提供するために必要なすべてのmediator-patternに基づいてservice-locatorまたは"registry"、または開発messaging-systemに似proxy。

Answer 2

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

にカプセル化され

このように、複数のグローバルオブジェクトを1つだけ持つことができます。

Answer 3

要素をモジュール内の関数に渡すのはなぜですか？

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