如何從另一個函數內調用函數的方法

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()我收到以下錯誤：

遺漏的類型錯誤：無法讀取屬性未定義

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

（我省略了爲清晰起見，保護代碼爲）。

接下來的問題是，this.show =將函數分配給this，而函數notification()被執行。 this不是notification！

Answer 2

你封閉它的節目「，所以你需要返回它，這將爲您揭示它，如果您在Chrome控制檯中鞭打以下內容，則會看到您可以訪問表單對象

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

表單對象之後。希望這有助於

編輯

如果你想只公開形式的某些部分，例如僅通知，您可以修改，像這樣的回報：

return{form.notification: notification}