36 lines
794 B
Markdown
36 lines
794 B
Markdown
---
|
|
title: bindAll
|
|
tags: object,function,intermediate
|
|
firstSeen: 2018-01-26T14:14:53+02:00
|
|
lastUpdated: 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`.
|
|
|
|
```js
|
|
const bindAll = (obj, ...fns) =>
|
|
fns.forEach(
|
|
fn => (
|
|
(f = obj[fn]),
|
|
(obj[fn] = function() {
|
|
return f.apply(obj);
|
|
})
|
|
)
|
|
);
|
|
```
|
|
|
|
```js
|
|
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.
|
|
```
|