click this

function Widget(width,height) {
    this.width = width || 50;
    this.height = height || 50;
    this.$elem = null;
}
Widget.prototype.render = function($where){
    if (this.$elem) {
        this.$elem.css( {
            width: this.width + "px",
            height: this.height + "px"
        } ).appendTo( $where );
    }
};
// дочерний класс
 
function Button(width,height,label) {
    // "super" constructor call
    Widget.call( this, width, height );
    this.label = label || "Default";
    this.$elem = $( "<button>" ).text( this.label );
}
// Заставить `Button` "наследовать" от `Widget`
Button.prototype = Object.create( Widget.prototype );
 
// переопределить базовую "унаследованную" версию `render(..)`
Button.prototype.render = function($where) {
    // вызов "super"
    Widget.prototype.render.call( this, $where );
    this.$elem.click( this.onClick.bind( this ) );
};
 
Button.prototype.onClick = function(evt) {
    console.log( "Button '" + this.label + "' clicked!" );
};
 
$( document ).ready( function(){
    var $body = $( document.body );
    var btn1 = new Button( 125, 30, "Hello" );
    var btn2 = new Button( 150, 40, "World" );
    btn1.render( $body );
    btn2.render( $body );
} );

 this.$elem.click( this.onClick.bind( this ) );

 .bind( this )

 this.$elem.click( function(){alert(this)});

this.$elem.click( this.onClick.bind( this ) );

this.$elem = $( "<button>" ).text( this.label );

class Widget {
    constructor(width, height) {
        this.width = width || 50;
        this.height = height || 50;
        this.$elem = null;
    }
    render($where) {
        if (this.$elem) {
            this.$elem.css({
                width: this.width + "px",
                height: this.height + "px"
            }).appendTo($where);
        }
    }
}
// дочерний класс
class Button extends Widget {
    constructor(width, height, label) {
        // "super" constructor call
        super(width, height);
        this.label = label || "Default";
        this.$elem = $("<button>").text(this.label);
    }
    // переопределить базовую "унаследованную" версию `render(..)`
    render($where) {
        // вызов "super"
        super.render($where);
        this.$elem.click(this.onClick.bind(this));
    }
    onClick(evt) {
        console.log("Button '" + this.label + "' clicked!");
    }
}
$(function () {
    let $body = $(document.body);
    let btn1 = new Button(125, 30, "Hello");
    let btn2 = new Button(150, 40, "World");
    btn1.render($body);
    btn2.render($body);
});

class Widget {
    constructor(width, height) {
        this.width = width || 50;
        this.height = height || 50;
        this.elem = null;
    }
    render(where) {
        if (this.elem) {
            this.elem.style.width = this.width + "px";
            this.elem.style.height = this.height + "px";
            where.appendChild(this.elem);
        }
    }
}
// дочерний класс
class Button extends Widget {
    constructor(width, height, label) {
        // "super" constructor call
        super(width, height);
        this.label = label || "Default";
        this.elem = document.createElement("Button");
        this.elem.textContent = this.label;
    }
    // переопределить базовую "унаследованную" версию `render(..)`
    render(where) {
        // вызов "super"
        super.render(where);
        this.elem.onclick = this.onClick.bind(this);
    }
    onClick(evt) {
        console.log("Button '" + this.label + "' clicked!");
    }
}
document.addEventListener("DOMContentLoaded", function () {
    let body = document.body;
    let btn1 = new Button(125, 30, "Hello");
    let btn2 = new Button(150, 40, "World");
    btn1.render(body);
    btn2.render(body);
});