JSFiddle - React, Tailwind, and code Playground

by Znarkus

JavaScript

function Model(data) {
    console.log('Model constructor', arguments);
    this.data = data;
}

Model.find = function () {
    console.log('Finding..');
};

Model.extend = function (name) {
    
};

Model.prototype.hej = function () {
    console.log('Hej!');
};

function User() {
    console.log('User constructor', arguments);
    //Model.apply(this, arguments);
};

User.prototype = Object.create(Model.prototype);
//User.prototype = new Model();
User.prototype.constructor = Model;
User.prototype.getAvatar = function (width, height) {
    return 'cdn.wb/avatar/' + width + 'x' + height + '/' + this.data.id + '.jpg';
};

Object.keys(Model).forEach(function (key) {
    if (typeof(Model[key]) == 'function') {
        User[key] = Model[key]
    }
});

var u = new User({ id: 2 });

console.log(u);
console.log(User);
console.log(u.getAvatar(150, 150));

User.find(1);