How to bind methods when destructuring an object in JavaScript?
const person = {
getName: function() {
console.log(this);
}
};
var a = person.getName;
var b = person.getName.bind(person);
var {getName: c} = person;
person.getName(); //=> {getName: [Function]}
a(); //=> window or global
b(); //=> {getName: [Function]}
c(); //=> window or global
I want c
to log in the console its "parent" object {getName:
[Function]}
.
Is there any way to bind all methods when destructuring an object in one destructuring line?
var {getName:c} = person;
is the same asvar c = person.getName;
. If you want to givec
a context of your choice, use.call
,.apply
or.bind
var {…} = autobindAllMethods(person)
with a helper function