simple js view for being extended

usage.js

(function() {
    
    'use strict';
    
    const View = require('./viewBase.js');
    
    new View({
        el: document.querySelector('a'),
        model: {'foo': 'bar'}
    });
    
})();

viewBase.js

(function() {

    'use strict';

    module.exports = function(_options) {

      // default property values
      // provides a template object for _options overrides
      var defaults = {

            init : function(){
              this.addListeners();
              window.console.log('init', this);
            },

            el : document.createElement('div'),

            model : {},

            addListeners: function(){
              this.el.addEventListener('click', self.eventClick);
            },

            eventClick : function(_e){
              window.console.log(_e, this);
              _e.preventDefault();
            },

            render: function(){
            }

          };

      // return a "class" instance
      return new function ViewBase(_opts){

        Object.assign(this.constructor.prototype, defaults, _opts);
        this.constructor.prototype.init.call(this);
        this.constructor.prototype.render.call(this);

      }(_options);

    };

})();

i like this style the best:

var selectorView = new ViewBase({
el:'.selector-class',
events:{
'mouseOver' : function(_event){
// handle code here
}
}
});

How could we support events on child elements? Backbone does this:

events: {
'click header button': 'eventMenuToggle',
'click #accessible-ajax-example-button': 'eventAccessibleAjax'
},

This looks pretty good, think I will roll with this for my views when i don't want to do something third party.