不能從一個js調用函數到第二個函數

Question

我買了metronic管理模板並試圖在角度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()); 
});