Как вызвать методы функции из другой функции

Question

В объекте form ниже, из функции «проверка», как мне вызвать методы «показать» и «скрыть» функции уведомления?

(function (namespace, $, undefined) { 
    var form = { 
     check : function(){ 
      form.notification.show(); // Generates an error 
     }, 

     notification : function(){ 
      this.show = function(){ 
       ... 
      }; 
      this.hide = function(){ 
       ... 
      }; 
     } 
    }; 
}(window.namespace = window.namespace || {}, jQuery)); 

С form.notification.show() я получаю следующее сообщение об ошибке:

Uncaught TypeError: Не удается прочитать свойство «шоу» неопределенной

Answer 1

Пытаться определить notification за пределами form, а затем обращаться к нему:

var notification : { // no function here 
     show : function(){...}, // avoid "this" 
     hide : function(){...} 
}; 

var form = { 
    check : function(){ 
     notification.show(); // <-- Use here 
    }, 

    notification : notification // and here 
}; 

(я опустил jQuery код защиты для ясности).

Следующая проблема заключается в том, что вы назначаете функцию this, когда выполняется функция notification(). this не notification!

Answer 2

Вы оградил его, так что вам нужно, чтобы вернуть его и что выведет его для вас, если вы нажмете на консоль хром, вы увидите, что у вас есть доступ к объекту формы

(function (namespace, $, undefined) { 

var form = { 

     check : function(){ 
      form.notification.show(); // Generates an error 
     }, 

     notification : function(){ 
      this.show = function(){ 

      }; 
      this.hide = function(){ 

      }; 
     } 


}; 
return{form:form};}(window.namespace = window.namespace || {}, jQuery)); 

Все, что я сделал в код добавляется

return{form:form}; 

После объекта формы. Надеюсь, что это помогает

EDIT

Если вы хотите только выставить определенные части формы, например, только уведомления, вы могли бы изменить возвращение, как так:

return{form.notification: notification}