Question

创作者类生成他的孩子。如果单击Child，调用ClickedOnMyChild of Creator的最佳方法是什么？

function Creator()
{
    var c1 = new Child("Albert");
    var c2 = new Child("Sarah");

    var ClickedOnMyChild = function()
    {
       //alert name of child 
    }
}

function Child(name)
{
   this.name = name;

   function ClickHandler()
   {
      // a click on me, better call my Creator
   }
}

到目前为止我的想法：

静态创建者（不，我需要实例）
触发儿童自定义事件（我最喜欢的）
将父实例传递给子（不是一个好习惯）

Answer 1

选项编号3. is indeed a good practice。如果你曾经编写过某些东西，你需要保持层次结构，你就会明白它有多棒。您可以将您的子类更改为此，并通过调用Creator方法在setCreator类中明确设置创建者：

function Child(name)
{
   this.name = name;
   this.creator = null ;

   this.setCreator = function(creator){
     this.creator = creator ;
   }

   this.clickHandler = function()
   {
      if (this.creator)
        this.creator.clickedOnMyChild();
   }
}

注意：

函数名称应以小写字母开头
必须将公共属性和方法分配给this个关键字。否则你将无法在课外使用它们。

Answer 2

我会选择第二个：在Child中触发自定义事件。因为它不仅允许您在父母中处理事件，而且还any objects对事件感兴趣。

以下是示例代码：

    function Event(sender) {
        this._sender = sender;
        this._listeners = [];
    }

    Event.prototype = {
        attach: function (listener) {
            this._listeners.push(listener);
        },
        notify: function (args) {
            for (var i = 0; i < this._listeners.length; i++) {
                this._listeners[i](this._sender, args);
            }
        }
    };

function Creator()
{
    var c1 = new Child("Albert");
    var c2 = new Child("Sarah");

    c1.click.attach(function (sender,args){
         //alert name of child
         alert(args);
    });

    c2.click.attach(function (sender,args){
         //alert name of child
         alert(args);
    });
}

function Child(name)
{
   this.name = name;
   this.click = new Event(this);

   var _this = this;
   function ClickHandler()
   {
      _this.click.notify(_this.name);
   }
}

参考链接：http://alexatnet.com/articles/model-view-controller-mvc-javascript

调用父对象函数

2 个答案: