Skip to content

Instantly share code, notes, and snippets.

@souparno
Last active January 3, 2016 23:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save souparno/8537292 to your computer and use it in GitHub Desktop.
Save souparno/8537292 to your computer and use it in GitHub Desktop.
A number of references on the javascript Class Framework/Class Implementation
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();
@souparno
Copy link
Author

@souparno
Copy link
Author

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() {};

@souparno
Copy link
Author

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();

@souparno
Copy link
Author

souparno commented Feb 2, 2014

(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();

@souparno
Copy link
Author

(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();

@souparno
Copy link
Author

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();

@souparno
Copy link
Author

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);

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment