Какие скобки использовать в стрелочных функциях?

Question

[maksmaksimovich]

Видел такое использование
anyData.map((data) => { return какой-то код })
Видел и такое
anyData.map((data) => какой-то код )
Видел так же такое
anyData.map((data) => (какой-то код ))

Так какие скобки всё же правильно использовать и какие для чего?

Answer 1

[Антон Спирин]

anyData.map((data) => { /* тело функции */ });
anyData.map((data) => возвращаемое_значение);
anyData.map((data) => ( /* возвращаемое значение */ ));

Скобки чаще всего используют, чтобы вернуть литерал объекта в короткой записи:
anyData.map((data) => ({ x: 1 }));
Без скобок парсер примет литерал объекта за тело функции.

В скобках можно использовать запятую, порой удобно для быстрого дебага:

// было
anyData.map((a, b) =>  a + b);
// приспичило вывести значения в консоль.
anyData.map((a, b) => (console.log(a, b), a + b));

Выполнятся все вызовы и выражения перечисленные через запятую, в нашем случае вывод в консоль, и вернется последнее значение, в нашем случае a + b.

Comments

[maksmaksimovich]

А в чём разница и для чего использовать круглые скобки, если без них тоже самое?

[Антон Спирин]

maksmaksimovich, дополнил ответ. Без скобок не вернуть литерал объекта в короткой записи.

[Bhudh]

Небольшое уточнение: при использовании тела функции в фигурных скобках для возврата значения return обязателен.