Multiple javascript encapsulation examples

Multiple-javascript-encapsulation.js

// define components function
var components = (function($$) {

	// define linkcolor function in components context
	var linkColor = function(selector){

		$(selector).click(function(e){
			
			if ($$(this).hasClass('link-blue')){
				console.log($$(this).attr('title'));	
			}
		});
	};			

	// define color functions in components context
	var color = {
		linkColor : linkColor			
	};

	// define linkPosition function in components context
	var linkPosition = function(selector){
		$(selector).click(function(e){
			console.log(e.clientX);
		});			
	};	

	// define position functions in components context
	var position = {			
		linkPosition : linkPosition
	};

	// define components methods
	return {
		color : color,
		position : position
	};

})($);

components.color.linkColor(".js-link");
components.position.linkPosition(".js-link");