Вызов родительского объекта Функция объекта

Question

Создатель создает свои Ребенки. Каков наилучший способ вызова ClickedOnMyChild Creator, если нажать кнопку «Child»?

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 
    } 
} 

Мои мысли до сих пор:

1. статический Создатель (нет, мне нужны примеры)
2. Trigger пользовательского события в ребенка (мой любимый до сих пор)
3. Pass родительского экземпляра к ребенку (не является хорошей практикой)

Answer 1

Я бы пошел на второе: Trigger Custom Event в 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

Answer 2

Номер опции 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. В противном случае вы не сможете использовать их вне класса.