Javascript, раскрывающий шаблон модуля с несколькими файлами/модулями и глобальными переменными

Я извиняюсь, если это было задано в другом месте, но вся информация, которую я видел, на самом деле не помогает мне понять как ответ, так и передовой опыт.

Я пытаюсь использовать раскрывающийся шаблон модуля для javascript. У меня есть базовый файл js, содержащий методы и свойства, необходимые на каждой странице приложения.

Затем каждая страница имеет свой собственный файл js, который имеет свои собственные уникальные функции и переменные, но также должен ссылаться на переменные в базовом файле js.

Кажется, я действительно неправильно понимаю переменную область видимости, или то, как я это настраиваю, как-то очень плохо, потому что я получаю запутанные результаты.

Вопросы:

1. Если я структурирую это неправильно, как правильно?
2. Как я могу правильно обращаться к переменным в модулях?
3. Правильно ли я инициализирую модули в doc?

Что я делаю прямо сейчас, так это:

var base = (function() {
    init = function() {
        url = $(location).attr('href');
        url = url.substr(-1) === '/' ? url.slice(0, -1) : url;

       segments = url.split('/');

        baseUrl = this.segments[0] + '//' + this.segments[2] + '/';

        resource = this.segments[3];

        this.segments = segments; //need access to this across all pages
        this.resource = resource;  //need access to this across all pages
        this.baseUrl = baseUrl;  //need access to this across all pages
    }
}

    doStuffGlobally = function() {
        //do stuff for all pages
    }

   return {
        init: init,
        baseUrl: this.baseUrl,
        segments: this.segments,
        resource: this.resource
  };
}());
$(document).ready(function() {
    base.init();
}

И на другой странице я делаю это:

var otherPage = (function() {
    init = function() {
      //do otherPage stuff;
    }
}
doStuff = function() {
    base.doStuffGlobally(); //need to access this.
    console.info(base.segments); //need to access this.
}

   return {
        init: init
  };
}());
$(document).ready(function() {
    otherPage.init();
}