javascriptファイルを管理し、JavaScript/jQuery関数をカプセル化する方法

Question

私は&を書く必要があります。現在のプロジェクト用に多くのJavaScriptコードを管理しています。

主にモジュールに基づいて複数の.jsファイルに分割します。

だから、今私は、例えば持っている：

Map.js // deal with google map issue 
Common.js // common functions that will share by all modules 
User.js // user module js code 
Geofence.js // geofence module js code 
etc..... 

は、例えば、私のuser.jsの内側

を提出私は唯一のuser.jsファイル内で使用された関数を宣言したい場合は、外部からアクセスできない私に何ができる？

var User = {}; 

User.registerModule = function() { 
    $('#user').click(function() { 
     Common.showLeftScrollbar(); 

     getAllUsers(); 

     // ... 
    }); 
} 

function getAllUsers(){ // how to hide this function 
    // get 
    return users; 
} 

私のホームページでは、複数の.jsファイルで調整する必要があります。アクセスを許可するものにアクセスする。

$(document).ready(function (data) { 

     GoogleMap.initialiseGoogleMap(); 

     Common.refreshRightScrollbar(); 

     User.registerModule(); 

     // ... 
    }); 

jsを書くのは初めてです。書籍全体を勉強するのに十分な時間ではありません。だから、あなたの意見では、この構造は多くのjsコードでokですか？外部にアクセスしたくない機能を隠す方法はありますか？範囲内の

Answer 1

あなただけの即時自己実行でコードを囲み異なる可能性

1. を持っている機能を非表示にします匿名機能

   var User = {}; // this should not be enclosed too 
   
   (function() { 
       User.registerModule = function() { 
        $('#user').click(function() { 
         Common.showLeftScrollbar(); 
   
         getAllUsers(); 
   
         // ... 
        }); 
       } 
   
       function getAllUsers(){ // how to hide this function 
        // get 
        return users; 
       } 
   })(); 
   

2. 囲いtha User.registerModule関数内トン機能

   User.registerModule = function() { 
       function getAllUsers() { ... } 
   
       $('#user').click(function() { 
        Common.showLeftScrollbar(); 
   
        getAllUsers(); 
   
        // ... 
       }); 
   } 
   

Answer 2

置き、この機能を：

User.registerModule = function() { 
    function getAllUsers(){ // how to hide this function 
     // get 
     return users; 
    } 
    $('#user').click(function() { 
     Common.showLeftScrollbar(); 

     getAllUsers(); // returns users 

     // ... 
    }); 
} 

そして、それはプライベートになります。あなたはこの関数を呼び出そうと

今ではundefinedなり外：

getAllUsers(); // undefined.