Skip to content

Instantly share code, notes, and snippets.

@souparno
Last active January 3, 2016 23:49
Show Gist options
  • 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

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