JS module template override function

Question

I have the following template

BASE = function () { var that = {}; var number = 10; that.showNumber = function(){ that.alertNumber(); } that.alertNumber = function () { alert(number); }; return that; }; CHILD = function () { var that = Object.create(BASE()); var secondNumber = 20; // Override base function that.alertNumber = function () { alert(secondNumber); }; return that; }; var ch = CHILD(); ch.showNumber(); 

Can you tell me how I can customize a module template inspired by Douglas Crock Ford to completely override the alerNumber function? So far, the showNumber function displays 10 instead of 20.

Thanks to everyone in the extended

JSFiddle with code here

Answer 1

You can change

 that.showNumber = function(){ that.alertNumber(); } 

to

 that.showNumber = function(){ this.alertNumber(); } 

But I'm not sure that I see why you simply do not use the prototype database inheritance model .