Skip to main content

bindAll

TS JS Deno

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

Use Array.prototype.forEach() to return a function that uses Function.prototype.apply() to apply the given context (obj) to fn for each function specified.

typescript
export const bindAll = (obj: any, ...fns: string[]) =>
fns.forEach((key: string) => {
if (typeof obj[key] === "function") {
const f = obj[key];
obj[key] = function (...args: any[]) {
return f.apply(obj, args);
};
}
});
typescript
class User {
#name = "Test";
getName() {
return this.#name;
}
}
const user = new User();
bindAll(user, "getName");

const getName = user.getName;
assertEquals(getName(), "Test");

// JS
var view = {
label: "docs",
click: function () {
console.log("clicked " + this.label);
},
};
bindAll(view, "click");
jQuery(element).on("click", view.click); // Logs 'clicked docs' when clicked.

React:

typescript
class Toggle extends React.Component {
constructor(props) {
super(props);
bindAll(this, "handleClick", "handleMove");
}

handleClick() {
// code
}
handleMove() {
// code
}
render() {
// code
}
}