使用箭头函数将参数传递给回调函数

Question

我知道这是 ES5 的重复问题，但我正在寻找 ES6 箭头函数的语法。 我的代码如下：

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

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

对于上述场景，我想在函数调用的同时传递一些参数（ myParams ），我该如何实现？

Answer 1

你可以这样做：

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

用法示例：

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

Answer 2

你可以用同样的方式做更多或更少

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

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

Answer 3

有一种使用 defaultValue 的方法，但我认为它不是最好的。

如果我能找到更好的方法，我会更新答案。

 fetchItems = (callback) => { var response = {data: 'a'}; //After ajax success callback(response); } const myParams = {name:"John"} this.fetchItems((res, params = myParams) => { console.log(res.data); console.log(params);//{name:"John"} });