関数を1つのjsから2番目の関数に呼び出すことはできません

Question

メトロニック管理テンプレートを購入して角度2で使用しようとしましたが、2つのJSファイルでエラーが発生しました：app.jsとlayout.jsです。

app.js内容：

var test = function() { 
    /* ... */ 
    return { 
     init: function(){ /* ... */ }, 

     getResponsiveBreakpoint: function(size) { 
      // bootstrap responsive breakpoints 
      var sizes = { 
       'xs': 480,  // extra small 
       'sm': 768,  // small 
       'md': 992,  // medium 
       'lg': 1200  // large 
      }; 

      return sizes[size] ? sizes[size] : 0; 
     } 
    } 
}(); 

jQuery(document).ready(function() { 
    test.init(); // init metronic core componets 
}); 

layout.js内容：

var Layout = function() { 
    var resBreakpointMd = test.getResponsiveBreakpoint('md'); 
    /* ... */ 

    return { 
     init: function() { /* ... */ } 
    } 
}(); 

$(document).ready(function() { 
    Layout.init(); // init metronic core componets 
}); 

layout.jsこのエラーを返します：

test.getResponsiveBreakpoint is not a function

しかし、私は、レイアウト機能のtest.getResponsiveBreakpoint('md');外を書いた場合、それは動作します。

console.log(test.getResponsiveBreakpoint('md')); 
var Layout = function() {/* ... */} 

Answer 1

機能Layoutためself invokingを削除します。 すなわち、代わりにこの

var Layout = function() { 
    ... 
    //Your Code... 
}(); 

利用 この、

var Layout = function() { 
    ... 
    //Your Code... 
}; 

UPDATE：

app.js

var test = function() { 

     return { 
       init:function(){ 
        return 100; 
       }, 

      getResponsiveBreakpoint: function (size) { 
      var sizes = { 
      'xs': 480,  // extra small 
      'sm': 768,  // small 
      'md': 992,  // medium 
      'lg': 1200  // large 
     }; 

      return sizes[size] ? sizes[size] : 0; 
     } 
    } 
}(); 

layout.js

var Layout = function() { 
    var resBreakpointMd = test.getResponsiveBreakpoint('xs'); 
    return{ 
     init:function(){ 
      return resBreakpointMd; 
     } 
     }  
}; 

$(document).ready(function() { 
    console.log(Layout().init()); 
});