Passing parameters to a callback function using arrow function

Question

I know this is a duplicated question with ES5, but I am looking for the syntax with ES6 arrow function. My code below:

fetchItems = (callback) => {
    //After ajax success
    callback(response);
}

const myParams = {name:"John"}
this.fetchItems((res) => {
    console.log(res.data);
});

For the above scenario, I want to pass some parameters(myParams) along with the function call, how can I achieve that?

What is `getCountries` what is `this.fetchItems` and how should they be related?! — Jonas Wilms, Jul 05 '18 at 11:44
As there is no difference between arrow and regular functions in that regard, I'm voting to close this. — Jonas Wilms, Jul 05 '18 at 11:53
@JonasW. I guess the question is about "some parameters", since `arguments` does not work in lambda functions — Guerric P, Jul 05 '18 at 12:03
@Jonas W Now I realized that but some scenario it was not worked for me. — Jaison James, Jul 05 '18 at 12:21

Guerric P · Accepted Answer · 2020-08-23T20:05:18.257

10

You can do that:

const fetchItems = (callback, ...params) => {
    //Do whatever you want with the params
    callback(response);
}

Example of usage:

const fetchItems = (callback, ...params) => {
    callback(params);
}
    
fetchItems (console.log, 'foo', 1);

edited Aug 23 '20 at 20:05

answered Jul 05 '18 at 11:49

Guerric P

28,450
6
38
76

score 4 · Answer 2 · answered Jul 05 '18 at 11:35

4

More of less you can do it the same way

const getCountries = (data, callback) => {
    //After ajax success
    callback(response);
}

getCountries("data", ()=>{});

answered Jul 05 '18 at 11:35

void

34,922
8
55
102

Passing parameters to a callback function using arrow function

2 Answers2