javascript - 这么多括号。我真的无法理解所有这些括号

Question

为什么这里有两组括号？

return state.filter(({ id }) => {
            return id !== action.id    
    });

我很难理解这句话!为什么不能只是:

return state.filter({ id }) => {
            return id !== action.id
        };

任何能尝试帮助我的人都很棒!

Answer 1

在您的第二个示例中，您将 {id} 编写为 filter 的参数，但是 filter 将编写的回调函数作为参数这样

(arg) => {/*my code*/;}

所以把那段代码作为参数放在一起得到这个结果

myFunction((arg) => {/*my code;*/})

你还可以

myCallback = (arg) => {/*my code*/;}
myFunction(myCallback);

另外我猜你会得到一个语法错误，因为你的函数的主要部分只是在没有参数的情况下编写的。

这是您的第一个示例，为了更好地理解逻辑，括号之间有一些间距:

state.filter(  ({ id }) => {return id !== action.id} );

另一种写法是

state.filter(  function({ id }){return id !== action.id}  );

是不是更清楚了？