Classical Inheritance in JavaScript
from his article http://javascript.crockford.com/inheritance.html and http://javascript.crockford.com/prototypal.html
by Andy Bulka
HTML
From article <a href="http://javascript.crockford.com/inheritance.html">inheritance</a>
<br>
and from <a href="http://javascript.crockford.com/prototypal.html">prototypal</a>
<br>
<a href="http://stackoverflow.com/questions/107464/is-javascript-object-oriented"/>good stackoverflow discussion</a>
<hr>
<div class="log">
<a href="#" id="clearlog">Clear</a>
<div id="log"></div>
</div>
<hr>
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px; ">
<caption>
On the way in today I was listening to omega tau podcast on neutrinos and anti matter and thought (as a joke) - Andy</caption>
<tbody>
<tr>
<td>
Newtonian Physics</td>
<td>
Normal procedural programming</td>
</tr>
<tr>
<td>
General Relativity</td>
<td>
OO</td>
</tr>
<tr>
<td>
Quantum / Particle physics</td>
<td>
Ruby/Javascript</td>
</tr>
</tbody>
</table>
JavaScript
function msg(s) {
$('<div/>').append(s).appendTo('#log');
}
$('#clearlog').click(function() {
$("#log").empty();
});
// Crockford code
Function.prototype.method = function(name, func) {
this.prototype[name] = func;
return this;
};
Function.method('inherits', function(parent) {
var d = {},
p = (this.prototype = new parent());
this.method('uber', function uber(name) {
if (!(name in d)) {
d[name] = 0;
}
var f, r, t = d[name],
v = parent.prototype;
if (t) {
while (t) {
v = v.constructor.prototype;
t -= 1;
}
f = v[name];
} else {
f = p[name];
if (f == this[name]) {
f = v[name];
}
}
d[name] += 1;
r = f.apply(this, Array.prototype.slice.apply(arguments, [1]));
d[name] -= 1;
return r;
});
return this;
});
Function.method('swiss', function(parent) {
for (var i = 1; i < arguments.length; i += 1) {
var name = arguments[i];
this.prototype[name] = parent.prototype[name];
}
return this;
});
// ----
function Parenizor(value) {
this.setValue(value);
}
Parenizor.method('setValue', function(value) {
this.value = value;
return this;
});
Parenizor.method('getValue', function() {
return this.value;
});
Parenizor.method('toString', function() {
return '(' + this.getValue() + ')';
});
// ---
myParenizor = new Parenizor(0);
myString = myParenizor.toString();
msg(myString);
function ZParenizor(value) {
this.setValue(value);
}
ZParenizor.inherits(Parenizor);
ZParenizor.method('toString', function() {
if (this.getValue()) {
return this.uber('toString');
}
return "-0-";
});
myZParenizor = new ZParenizor(0);
myString = myZParenizor.toString();
msg(myString);
// http://javascript.crockford.com/prototypal.html
// I have learned to fully embrace...