-
-
Save souparno/8537292 to your computer and use it in GitHub Desktop.
| Function Grouping operator | |
| (function b() { | |
| console.log("Second grouping operatotr"); | |
| }) | |
| (function a() { | |
| console.log("First grouping operatotr"); | |
| }()); |
| /* Simple JavaScript Inheritance | |
| * By John Resig http://ejohn.org/ | |
| * MIT Licensed. | |
| */ | |
| // Inspired by base2 and Prototype | |
| (function(){ | |
| var initializing = false, fnTest = /xyz/.test(function(){xyz;}) ? /\b_super\b/ : /.*/; | |
| // The base Class implementation (does nothing) | |
| this.Class = function(){}; | |
| // Create a new Class that inherits from this class | |
| Class.extend = function(prop) { | |
| var _super = this.prototype; | |
| // Instantiate a base class (but only create the instance, | |
| // don't run the init constructor) | |
| initializing = true; | |
| var prototype = new this(); | |
| initializing = false; | |
| // Copy the properties over onto the new prototype | |
| for (var name in prop) { | |
| // Check if we're overwriting an existing function | |
| prototype[name] = typeof prop[name] == "function" && | |
| typeof _super[name] == "function" && fnTest.test(prop[name]) ? | |
| (function(name, fn){ | |
| return function() { | |
| var tmp = this._super; | |
| // Add a new ._super() method that is the same method | |
| // but on the super-class | |
| this._super = _super[name]; | |
| // The method only need to be bound temporarily, so we | |
| // remove it when we're done executing | |
| var ret = fn.apply(this, arguments); | |
| this._super = tmp; | |
| return ret; | |
| }; | |
| })(name, prop[name]) : | |
| prop[name]; | |
| } | |
| // The dummy class constructor | |
| function Class() { | |
| // All construction is actually done in the init method | |
| if ( !initializing && this.init ) | |
| this.init.apply(this, arguments); | |
| } | |
| // Populate our constructed prototype object | |
| Class.prototype = prototype; | |
| // Enforce the constructor to be what we expect | |
| Class.prototype.constructor = Class; | |
| // And make this class extendable | |
| Class.extend = arguments.callee; | |
| return Class; | |
| }; | |
| })(); | |
| var Vehicle = Class.extend({ | |
| init: function(wheels) { | |
| this.wheels = wheels; | |
| } | |
| }); | |
| //Example | |
| var Vehicle = Class.extend({ | |
| init: function(wheels) { | |
| this.wheels = wheels; | |
| } | |
| }); | |
| var Truck = Vehicle.extend({ | |
| init: function(hp, wheels) { | |
| this.horsepower = hp; | |
| this._super(wheels); | |
| }, | |
| printInfo: function() { | |
| console.log('I am a truck and I have ' + this.horsepower + ' hp. and '+this.wheels +' wheels'); | |
| } | |
| }); | |
| var t = new Truck(350,4); | |
| t.printInfo(); |
three types of java script functions:-
1.function declaration
ex:-function testFunction(){};
2.function Expression
ex:-var testFunction = function (){};
3.Named function Expression
ex:-var testFunction = function myFunc() {};
function Class(){};
function CreateClass(prop)
{
var proto={};
for(var key in prop)
{
proto[key]=prop[key];
}
Class.prototype=proto;
return Class;
}
var something=CreateClass({
sayhello:function(){
console.log("hello there");
},
sayhi:function(){
console.log("hiiiiiii");
}
});
var obj=new something();
obj.sayhello();
obj.sayhi();
(function(){
this.Class=function(){};
Class.Create=function(property){
var _property={};
for(var p in property)
{
if(p === "init") this.Class=property[p];
else _property[p]=property[p];
};
this.Class.prototype=_property;
return this.Class;
};
}());
var something=Class.Create({
init:function(){
console.log("The constructor says hello");
},
sayhello:function(){
console.log("hello there");
},
sayhi:function(){
console.log("hiiiiiii");
}
});
var obj=new something();
obj.sayhello();
obj.sayhi();
(function() {
var core = {
require : function(source) {
if ( typeof (source) != "object" || !source)
throw new TypeError("Object needed as source.");
for (var property in source)
if (source.hasOwnProperty(property) && !this.prototype.hasOwnProperty(property))
this.prototype[property] = source[property];
},
override : function(source) {
if ( typeof (source) != "object" || !source)
throw new TypeError("Object needed as source.");
for (var property in source)
if (source.hasOwnProperty(property))
this.prototype[property] = source[property];
},
extend : function(source) {
var superClass = this;
var newClass = source.hasOwnProperty("constructor") ? source.constructor : function() {
superClass.apply(this, arguments);
};
newClass.superClass = superClass;
var superClone = function() {
};
superClone.prototype = superClass.prototype;
newClass.prototype = new superClone();
newClass.prototype.constructor = newClass;
if (source)
newClass.override(source);
return newClass;
}
};
core.require.call(Function, core);
Function.create = function (source){
var newClass = source.hasOwnProperty("constructor") ? source.constructor : function() {};
newClass.override(source);
return newClass;
};
})();
var Vehicle = Function.create({
constructor : function(wheels) {
this.wheels = wheels;
}
});
var Truck = Vehicle.extend({
constructor : function(hp, wheels) {
this.horsepower = hp;
Vehicle.call(this, wheels);
},
printInfo : function() {
console.log('I am a truck and I have ' + this.horsepower + ' hp.');
}
});
var t = new Truck(4, 350);
t.printInfo();
function Core(){
this.Create=function(o){
var F=function (){};
F.Extend=this.Extend;
for(var property in o){
F.prototype[property]=o[property];
}
return F;
};
this.Extend=function(o){
for(var property in o){
this.prototype[property]=o[property];
}
return this;
};
};
var Class=new Core();
var Person=Class.Create({
walk:function(){
console.log("I am Walking");
},
sayHello:function(){
console.log("Hello there");
}
});
var Student=Person.Extend({
sayHello:function(){
console.log("Hi i am a student");
},
sayGoodBye:function(){
console.log("Good Bye");
}
});
var HiSchoolStudent=Student.Extend({
study:function(){
console.log("I study in high school");
}
});
var Vehicle = Class.Create({
run:function(){
console.log("I am a vehicle and I run");
}
});
var Truck = Vehicle.Extend({
init: function(hp, wheels) {
this.horsepower = hp;
this.wheels = wheels;
},
printInfo: function() {
console.log('I am a truck and I have ' + this.horsepower + ' hp. and '+this.wheels +' wheels');
}
});
var student1 = new HiSchoolStudent();
student1.study();
student1.sayHello();
student1.walk();
student1.sayGoodBye();
var obj=new Truck();
obj.run();
obj.init();
obj.printInfo(350,4);
console.log(obj instanceof Vehicle);
http://stackoverflow.com/questions/9408065/javascript-inheritance-framework