Stuart Dear csdear

Birmingham AL

Recently created

Least recently created

Recently updated

Least recently updated

csdear / PROTO & MONO.js

Last active August 29, 2015 14:12

PROTO & MONO - Using PROTOTYPE to establish inheritence in javascript Objects and MONO - Modular Instance Override. Prototype is used to create base template classes (see Car) and have new instances that inherit those base properties. MONO is spinning off a instance to override its inherited properties/functions and define its own.

	// 1. the basic javascript object creation
	function Car(type) {
	this.speed = 0;
	this.type = type \|\| "No type";
	this.drive = function(newSpeed) {
	this.speed = newSpeed;
	}
	}

	var bmw =new Car("BMW");

csdear / this Keyword Correct Contexting Functions : Apply, Call and Bind.js

Last active August 29, 2015 14:12

this Keyword Correct Contexting Functions : Apply, Call and Bind call, apply and bind are ways to override the difficulties with the this keyword and context. bind doesn’t work well with legacy browsers, so if you are developing for IE8 etc, use the apply and call functions.


	function Car(type) {
	this.type = type;
	this.speed = 0;
	this.func = function() {
	return this.type;
	}
	}

	var bmw = new Car("BMW");

csdear / Knight and Warlord Javascript Object Summary Play.js

Created January 6, 2015 11:21

Knight and Warlord Javascript Object Summary Play : create prototype base class object, then use object.create to create a regular instance, then creeate a instance that overrides function/properties of prototype object, then use the call/apply/bind functions for correct scoping.


	// the prototype object
	function Hero(type) {
	//properties of this proto object
	this.strength = 0;
	this.type = type \|\| "No type";
	}

	// proto function, used by all
	Hero.prototype.attack = function(newStrength) {

csdear / Creating a Namespace Using IFEE.js

Created January 6, 2015 12:18

Creating a Namespace Using an IFEE □ (Immediate Function Execution Expression -- run immediately, run once etc. ) □ Adds robustness to the ns with this IFEE language feature. □ Use IFEEs to initialize a namespace once with its relevent functionatily. Wrap the code in an IFEE

	var ns;
	(function (ns) {
	ns.Car = function (type) {
	this.speed = 0;
	this.type = type \|\| "No Type";
	}
	ns.Car.prototype = {
	drive: function(newSpeed) {
	this.speed = newSpeed;
	}

csdear / js FACADE PATTERN.js

Created January 12, 2015 11:50

Javascript FACADE PATTERN

	/*
	○ Building blocks for writing modules.
	○ A façade is a high level interface to a larger code base that hides the underlying code complexity.
	○ The facade exposes an application programming interface (API) which limits the available functionaity we can use and helps encapsulate a lot of the interior code behavior.

	Façade Pattern Structure in JavasScript
	• the function returns an object
	• the object acts a a façade to the inner implementation , which is encapsulated.
	*/

OlderNewer