Частные функции в JavaScript

Question

В веб-приложении на основе jQuery у меня есть различные сценарии, в которых могут быть включены несколько файлов, и я использую только один из них (я знаю, что не включая все из них было бы лучше, но я Я просто отвечаю за JS, так что это не мое решение). Поэтому я оборачивать каждый файл в initModule() функции, которая регистрирует различные события и делает некоторые инициализации и т.д.

Теперь мне любопытно, есть ли какое-либо различие между следующими двумя способами определения функций не захламлением глобального пространства имен:

function initStuff(someArg) { 
    var someVar = 123; 
    var anotherVar = 456; 

    var somePrivateFunc = function() { 
     /* ... */ 
    } 

    var anotherPrivateFunc = function() { 
     /* ... */ 
    } 

    /* do some stuff here */ 
} 

и

function initStuff(someArg) { 
    var someVar = 123; 
    var anotherVar = 456; 

    function somePrivateFunc() { 
     /* ... */ 
    } 

    function anotherPrivateFunc() { 
     /* ... */ 
    } 

    /* do some stuff here */ 
} 

Answer 1

Основное различие между этими двумя подходами заключается в том, когда функция становится доступной. В первом случае функция становится доступной после объявления, но во втором случае она доступна по всему объему (это называется подъем).

function init(){ 
    typeof privateFunc == "undefined"; 
    var privateFunc = function(){} 
    typeof privateFunc == "function"; 
} 

function init(){ 
    typeof privateFunc == "function"; 
    function privateFunc(){} 
    typeof privateFunc == "function"; 
} 

кроме этого - они в основном одинаковы.

Answer 2

это модель, которая помогла мне управлять модулями в JavaScript:

base.js:

var mod = {}; 

mod.functions = (function(){ 

    var self = this; 

    self.helper1 = function() { 

    } ; 

    self.helper2 = function() { 

    } ; 

    return self; 

}).call({}); 

module_one.js

mod.module_one = (function(){ 

    var 
    //These variables keep the environment if you need to call another function 
    self = this, //public (return) 
    priv = {}; //private function 

    priv.funA = function(){ 
    } 

    self.somePrivateFunc = function(){ 
    priv.funA(); 
    }; 

    self.anotherPrivateFunc = function(){ 

    }; 

    // ini module 

    self.ini = function(){ 

    self.somePrivateFunc(); 
    self.anotherPrivateFunc(); 

    }; 

    // ini/end DOM 

    $(function() { 

    }); 

    return self; // this is only if you need to call the module from the outside 
       // exmple: mod.module_one.somePrivateFunc(), or mod.module_one.ini() 

}).call({});