当我尝试访问变量时，为什么我的javascript模块返回undefined？

Question

我有一个整齐的DOM分离数据并返回其data和ui对象的公共API的JavaScript模块：

var PtCalcApp = (function() { 
    var ptCalc = ptCalc || {}; 

    ptCalc.ui = { 
     storage: $('#pt-storage'), 
     backup: { 
      daily: $('#per-day-data'), 
      weekly: $('#per-week-data'), 
      monthly: $('#per-month-data'), 
      yearly: $('#per-year-data') 
     }, 
     change: { 
      yearly: $('#annual-change'), 
      daily: $('#daily-change') 
     } 
    }; 

    ptCalc.data = { 
     storage: function() { 
      ptCalc.ui.storage.val() 
     } 
    } 

    return ptCalc; 
})(); 

现在，当我尝试访问这样的这样的数据：

PtCalcApp.data.storage() 

它返回undefined。我在做什么这个自我调用函数模式错了？我该如何解决？

Answer 1

不必返回从函数的任何访问它。没有return声明，函数将返回undefined（除非使用new调用，但这是另一回事）。

storage: function() { 
    ptCalc.ui.storage.val() 
} 

应该

storage: function() { 
    return ptCalc.ui.storage.val() 
} 

Answer 2

PtCalcApp.ui.storage不是一个函数，它是一个属性。

你需要使用PtCalcApp.ui.storage不是PtCalcApp.ui.storage()

如果你想使用的功能，那么你需要将其声明为

storage: function(){ 
    return $('pt-storage'); 
}