4

在我的应用程序中有几个模块各自负责,这就是我有些困惑的地方..

  1. 模块之间如何通信?

  2. 如何通知或听取模块之间的决定以适应适当的场景..?

例子:

模块 1,

var MyModule1 = (function() {
  var myPrivateData = 303;
  function myPrivateFunction() {
    alert('private');
  }
  return {
    myPublicData : 42,
    myPublicFunction : function() {
      alert('public');
    }
  };
})();

模块 2

var MyModule2 = (function() {
  var myPrivateName = privatized;
  function myPrivateFunction() {
    alert(myPrivateName) ;
  }
  return {
    myPublicData : 42,
    myPublicFunction : function() {
      alert('public');
    }
  };
})();

我怎样才能让他们互相交流和倾听..?任何人都可以用一些小例子来澄清一下吗?我需要共享与 module2 共享的 privateData 和与 module1 共享的 myPrivate 名称,以防触发任何点击事件。

提前致谢!

4

2 回答 2

5

以下是浏览器内部松散耦合模块组织的基本概念:

当 module1 中的代码需要通知其他人某些事件时,它会这样做:

$(document).trigger( "some:event", someData);

如果需要通知 module2 关于“some:event”的信息,则应在其代码中在其初始化时执行此操作:

$(document).on( "some:event", function(evt,someData) {
   // ... do something with the data ...
} );

在这个模式中,两个模块是完全独立的。他们唯一需要知道的是他们正在与之交流的事件的名称。

于 2013-11-07T00:17:15.563 回答
-1

像这样的东西

    var ParentClass = (function() {
     var privateVariable = 'toto';
     this.publicVariable = 'titi';

     this.ChildClass = new ChildClass(this);
     this.ChildClass.execute();
    });

    function ChildClass(parent) { this.parent = parent; return this; };

    ChildClass.prototype.execute = function() {
     alert (this.parent.publicVariable); // show titi
    };

ParentClass();
于 2013-09-28T10:48:01.950 回答