How to bind an object to a function in JavaScript?

Question

I have the next task:

const person = {name: 'Arnold'};

function fn(salut, lastName) {
    console.log(salut, this.name, lastName);
}

const bindName = bind(fn, person, 'Mr');

bindName('Helgov');

I have to write a function that prints: "Mr Arnold Helgov"

My realization of this task is the next function:

function bind(fn, person, salute) {
    return (lastname) => {
        return fn(salute, lastname);
    }
}

But I have a problem here. My function prints only "Mr Helgov" and the name 'Arnold' is lost. How to solve this problem (maybe by using bind or apply or call)?

trincot · Accepted Answer · 2022-05-28 11:49:48Z

2

How to solve this problem (maybe by using bind or apply or call)?

Yes, you can use call or bind to make sure this gets to be equal to person during the call of fn.

With call:

const person = {name: 'Arnold'};

function fn(salut, lastName) {
    console.log(salut, this.name, lastName);
}

const bindName = bind(fn, person, 'Mr');

bindName('Helgov');

function bind(fn, person, salute) {
    return (lastname) => {
        return fn.call(person, salute, lastname);
    }
}

Or, bind:

const person = {name: 'Arnold'};

function fn(salut, lastName) {
    console.log(salut, this.name, lastName);
}

const bindName = bind(fn, person, 'Mr');

bindName('Helgov');

function bind(fn, person, salute) {
    return fn.bind(person, salute);
}

answered May 28, 2022 at 11:49

trincot

357k38 gold badges282 silver badges338 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to bind an object to a function in JavaScript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related