javascript - 在 ReactJS 中定义函数时，仅在括号内使用括号和花括号有什么区别？

Question

这个问题在这里已经有了答案:





Where can I get info on the object parameter syntax for JavaScript functions?

(1 个回答)



What does this symbol mean in JavaScript?

(1 个回答)


1年前关闭。




我是 React 的新手。最近我遇到了一个应用程序，其中某些函数的定义为:async function (a, b) => {//body}这是可以理解的。但在同一个应用程序中，一些函数的结构为 async function ({a,b}) => {//body} .以上两种方法定义函数有什么区别？

Answer 1

第二个例子是解构函数参数。它基本上提供了一种更短的语法来提取对象键的值，而不会出现点符号困惑
假设你有一个对象

const myObject = { x: 1, y: 2 };

因此，当您将 myObject 传递给函数时，您可以在不使用点符号的情况下调用变量。这使代码更易于阅读。

function myFunction({ x, y }) {
//Here you can use directly x instead of myObject.x
}

您可以阅读有关解构的更多信息 here