Skip to content
This repository has been archived by the owner on Apr 5, 2018. It is now read-only.
/ Blitz Public archive

Javascript framework to work with objects and prototypes--extend native prototypes, function overloading, cross-global context type recognition

License

Notifications You must be signed in to change notification settings

EliSnow/Blitz

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#Blitz

##What is Blitz?

Blitz is a javascript framework to better assist developers in working with objects and prototypes. Blitz offers:

  • A safe way to extend native prototypes
  • Function overloading based on the type and/or number of arguments
  • Native type recognition across global contexts

##Compatibility

Blitz works with ECMAScript 5 compliant browsers/environments. The following browsers/environments have specifically been tested:

  • Internet Explorer 9/10
  • Firefox
  • Chrome
  • Opera

##The Docs ###The Basics

Blitz creates a Blitz prototype for every object prototype that it encounters. A Blitz object acts as a wrapper around other object types, even cloning their prototype chain. So, to be technically accurate Blitz prototypes, not native prototypes, are extended.

How is Blitz different from other frameworks that create object wrappers?

Unlike other frameworks that have one generic wrapper for every object, Blitz creates unique wrappers for every prototype. So, for example, instead of having one method replace that works only with Arrays we can have a replace method for Arrays another for HTMLElements and/or any other object type.

Another difference is that a Blitz object provides direct access to a wrapped object's methods and properties. Note: wrapped object's properties are accessible as methods rather than properties. To get the value of a property call the method with no arguments. To set the value of a property provide a single argument to the method. This is to aid in method chaining.

When a method returns a value, that value is also wrapped in a Blitz object. To access the wrapped object, simply use the value property.

####Example 1 Accessing a wrapped string's length property:

//13  
blitz("I am a string").length().value;

####Example 2 Setting a wrapped array's length property:

//[35, 16]  
blitz([35, 16, 21, 9]).length(2).value;

####Example 3

Array and String Blitz objects both have their own indexOf methods:

//10  
blitz("This is a test and only a test").indexOf("test").value;  
//3  
blitz(["This", "is", "a", "test", "and", "only", "a", "test"]).indexOf("test").value;

###Extending Native Prototypes (or rather, Blitz prototypes)

The blitz.extend method is used to extend Blitz prototypes. It takes a single object as an argument which can have the following properties:

  • type or types
  • ext
  • props

The type or types property is required and tells Blitz which prototype(s) the new methods/properties are to be added to. type is a single value and types is an array of values. A value can be either a constructor or an object instance. Regardless of whether a constructor or an object instance is provided, the extensions are added to the Blitz prototype, never to an individual instance.

The ext property contains methods/properties which are to be added to a Blitz prototype. Properties and methods added using ext are added to the prototype as non-writeable and non-enumerable. Return values from ext methods will automatically be wrapped in a Blitz object. If the return is undefined, the current Blitz object is returned.

The props property offers more flexibility as it is an object with properties and property descriptors. See MDN's Object.defineProperties. While methods added using ext will automatically have their return values wrapped in a Blitz object, that is not done with props methods. props methods should wrap their returns manually by returning this (the Blitz object) or blitz(returnValue).

Inside any extension method the this value is the Blitz object. To access the wrapped object use the value property.

####Example

Add an extension method on NodeList, HTMLCollection and Arguments Blitz objects to convert them to arrays:

(function () {  
	blitz.extend({  
		types : [NodeList, HTMLCollection, arguments],  
		ext : {  
			toArray : function () {  
				return [].slice.call(this.value);  
			}  
		}  
	});  
})();

###Function Overloading

The blitz.overload method creates overloaded functions based on the type and/or number of arguments. It takes a single object as an argument which can have the following parameters:

  • typeN or typesN
  • fnN
  • N
  • default

The typeN or typesN property represents the argument types for a linked function. For typeN, a single type or type-group is provided for a single argument. For typesN, a type or type-group for each argument is provided. A type-group is an array of types where the associated argument can be any one of the types within the array. If the last argument, or series of arguments, is a type-group containing undefined, those arguments are optional. N represents a numeric integer that starts at one--the first typeN or typesN would be type1 or types1, followed by type2 or types2 and so forth. The N value also corresponds with a matching function. Type values can be either instances or constructors.

The fnN is the function that corresponds with typeN or typesN.

The N parameter is used to match a function based on the number of arguments provided. N parameters take precedence over typeN or typesN properties with same number of arguments.

The default parameter is a function which is called as a fallback when none of the other functions match the arguments provided. Remember that default is a reserved word in Javascript and should be in quotes to prevent any errors.

####Example 1

Create an overloaded function which overloads based on the number of arguments, with a default:

var overload = blitz.overload({  
	0 : function () {  
		//0 parameters provided  
	},  
	1 : function (a) {  
		//1 parameter provided  
	},  
	2 : function (a, b) {  
		//2 parameters provided  
	},  
	"default" : function () {  
		//fallback if 0, 1, or 2 parameters were not provided  
	}  
});

####Example 2

Create an overloaded function which overloads based on argument types (using constructors):

var overload = blitz.overload({  
	type1 : Array,  
	fn1 : function (array) {  
		//1 parameter of type Array  
	},  
	types2 : [Array, String],  
	fn2 : function (array, string) {  
		//2 parameters of type Array and String  
	},
	types3 : [RegExp, [Array, Number, undefined]],  
	fn3 : function (reg, x) {  
		//1 or 2 parameters, first parameter is a RegExp, second parameter is an
		//Array, a Number or undefined (making the third parameter optional)  
	}
});

####Example 3

Create an overloaded function with overloads based on argument types (using instances):

var overload = blitz.overload({  
	type1 : [[]],  //*See note below  
	fn1 : function (array) {  
		//1 parameter of type Array  
	},  
	types2 : [[[]], ""],  
	fn2 : function (array, string) {  
		//2 parameters of type Array and String  
	}  
	types3 : [/./, [[], 3, undefined]],  
	fn3 : function (reg, x) {  
		//1 or 2 parameters, first parameter is a RegExp, second parameter is an
		//Array, a Number or undefined (making the third parameter optional)  
	}
});

Notice that in the first two functions the first argument type, an Array instance, is inside another Array, this is because when overload encounters an Array it assumes a type-group.

####Example 4

Mix-match type and argument-number overload:

var overload = blitz.overload({  
	1 : function () {  
		//1 parameter, any-type  
	},  
	type1 : NodeList,  
	fn1 : function (nl) {  
		//will never be called because the above function takes precedence  
	},  
	types2 : [Number, 3],  
	fn2 : function (n, n2) {  
		//2 parameters both numbers  
	}  
});

##API

###blitz

This is the method which wraps objects in Blitz objects. If a Blitz object, null or undefined are passed in, they are returned rather than being wrapped.

See the Basics section.

###blitz.extend

See the Extending Native Prototypes section.

###blitz.getPrototype

This method returns the prototype for an object. The difference between this method and Object.getPrototypeOf is this method promotes primitives (for null and undefined, undefined is returned) and in the case of a constructor the prototype property of the constructor is returned.

####Example

//get the prototype for Element objects (constructor)  
var elementProto = blitz.getPrototype(Element),  
//get the prototype for string objects (instance)  
	stringProto = blitz.getPrototype("");  

###blitz.intercept

An intercept is called when blitz is called with an object of a specified type. The intercept receives all of the arguments passed into blitz and returns an object. blitz treats the returned object as if it was the object originally passed in.

blitz.intercept takes an object with the following properties:

  • type or types
  • fn

type is a value and types is an array of values. A value can be any object instance or a constructor.

fn is the intercepting function that will be triggered when blitz is called with an object of the specified type. The function receives all of the arguments provided to blitz

####Example

Define an intercept which transforms an Argument, NodeList, or HTMLCollection object to an Array:

blitz.intercept({  
	types : [(function () {return arguments;})(), NodeList, HTMLCollection],  
	fn : function (o) {  
		return [].slice.call(o);  
	}  
});

###blitz.isConstructor

This method determines whether an object is a constructor. The difference between this method and blitz.isFunction is there are some objects which are non-callable which are yet considered constructors (Element is one example).

####Example

//true  
blitz.isConstructor(Element);  
//false  
blitz.isConstructor({});  

###blitz.isFunction

This method determines whether an object is a fuction.

####Example

//false  
blitz.isFunction(undefined);  
//true  
blitz.isFunction(document.getElementById);  

###blitz.overload

See the Function Overloading section.

About

Javascript framework to work with objects and prototypes--extend native prototypes, function overloading, cross-global context type recognition

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published