在 JavaScript 中，我们可以使用箭头函数来定义 lambda（匿名函数）。在 ES6 之前，箭头函数只支持表达式语法，而不支持语句语法。这意味着你不能在一个箭头函数中写多个语句或使用条件分支语句。
然而，在 ES6 中，JavaScript 引入了“块级作用域”和“简化的方法定义”，从而支持了语句级别的箭头函数。这种新的语法形式也称为“statement lambda”。
-- -------------------- ---- -------
----- --- - --- -- -- -
--- ------ - - - --
------ -------
--
----- -------- - ------- -- -
-- ------- -
------ -----
- ---- -
------ ------
-
--虽然 statement lambda 很方便，但它们在某些情况下会导致代码重复，例如在某些场景下，我们需要根据条件计算不同的返回值，此时就需要使用 if...else 或 switch 语句：
-- -------------------- ---- -------
----- --------- - ------- -- -
-- ------ --- ------ -
------ ------
- ---- -- ------ --- ------ -
------ ------
- ---- -
------ ----------
-
--上面的代码包含了大量的样板代码，这让人不太满意。此时可以使用 expression lambda 来优化代码，因为它们不需要显式地返回值，而是可以使用隐式返回（implicit return）：
const getResult = (value) => value === 'foo' ? 'bar' : value === 'baz' ? 'qux' : 'unknown';
上面的代码使用了“条件运算符”和“值为真时返回的短路特性”，从而使代码更简洁、更易读。
因此，在编写箭头函数时，我们应该尽可能使用 expression lambda 来代替 statement lambda，以提高代码的可读性和表达力。当然，在某些情况下，statement lambda 可能是更好的选择，例如当你需要执行多个语句或在一个函数中进行大量的计算时。
总之，正确使用箭头函数对于前端开发非常重要，它们可以帮助我们更加高效地编写 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60543d7f8d846479e750af5e