Javascrip + jQuery - code organization template

code_organization.js

BaseApp = function(){
    this.params = {
		'fdfdf' : 'dsad'
	};

    this.init = function (params) {
        var params = $.extend({}, this.params, params);
        var a = this;

        a.$content = $('#content');

        // меню
        a.$menuList = $('#sidebar');
        a.$menuListItems = $('#sidebar a');

        a.$urlList = urlList;
        a.$currentUrl = $(location).attr('hash');

        this.starterLoadContent();
        this.bindEvents();

    };

    /**
     *   EVENTS & ACTIVATORS
     *******************************************************/
    this.bindEvents = function() {
		// тут помещаем "акторы" и "активаторы" - то, на что срабатывает код
	
        this.$menuListItems.on('click', baseApp.menuClick);
        $(window).on('click', '.loader', baseApp.contentLoader);
    };

    /********************************************
     *  FUNCTIONS
     *******************************************/

    this.starterLoadContent = function(){
        // здесь описываем что происходит после загрузки класса
    };


    /**
     * make menu element active
     * @param url
     *************************************/
    this.makeMenuActive = function(url){
        var menu = baseApp.$menuList;
        var menuActiveItem = menu.find('li.active');
        menuActiveItem.removeClass('active');

        var dash = url.slice(0,1);
        if (dash === '#') {}
        else {url = '#'+url}

        var menuItemToActivate = menu.find('li > a[href*='+url+']');
        menuItemToActivate.parent().addClass('active');
    };
};



$(document).ready(function () {
    baseApp = new BaseApp();
    baseApp.init();
});