30-seconds-of-code/snippets/js/s/bind-object-methods.md

title, type, language, tags, cover, dateModified

title	type	language	tags	cover	dateModified
Bind all object methods	snippet	javascript	object function	laptop-with-code	2020-11-03T22:11:18+02:00

Binds methods of an object to the object itself, overwriting the existing method.

• Use Array.prototype.forEach() to iterate over the given fns.
• Return a function for each one, using Function.prototype.apply() to apply the given context (obj) to fn.

const bindAll = (obj, ...fns) =>
  fns.forEach(
    fn => (
      (f = obj[fn]),
      (obj[fn] = function() {
        return f.apply(obj);
      })
    )
  );

var view = {
  label: 'docs',
  click: function() {
    console.log('clicked ' + this.label);
  }
};
bindAll(view, 'click');
document.body.addEventListener('click', view.click);
// Log 'clicked docs' when clicked.