JSFiddle - React, Tailwind, and code Playground

by John Grden

JavaScript

//namespace
app = {version:"1.0"};

// base object/class
app.Asset = function(id)
{
    this.id = id;
};

app.Asset.prototype = 
{
    constructor : app.Asset,
    
    setID : function(value)
    {
        this.id = value;  
    },
    
    add2Numbers : function(a,b)
    {
        return a+b;
    }
};

// extended object/class
app.BigAsset = function(id)
{
    this.base = new app.Asset(id);
    this.name = null;
    $.extend(this, this.base);
};

app.BigAsset.prototype = 
{
    setName : function(value)
    {
        this.name = value;  
    }
};
// end extended

var fish_0 = new app.Asset(0);
var fish_1 = new app.BigAsset(1);

console.log(fish_0.id);
console.log(fish_1.id);
fish_1.setID(2);
fish_1.setName("John");
console.log("------ after --------");
console.log(fish_1.id);
console.log(fish_1.name);
console.log(fish_1.add2Numbers(2,5));

/*
0
1
------ after --------
2
John
7 
*/