當我嘗試訪問變量時，爲什麼我的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'); 
}