首页 >web前端 >js教程 >箭头函数和花括号:隐式返回与显式返回?

箭头函数和花括号:隐式返回与显式返回?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-12-03 12:14:12294浏览

Arrow Functions and Curly Brackets: Implicit vs. Explicit Return?

箭头函数:大括号困境

Dan Abramov 的讲座和练习提供了很好的学习体验。但是,在箭头函数中使用大括号时,您可能会遇到一个特殊的问题。虽然代码在没有这些括号的情况下也可以工作,但当它们存在时就会失败。

原因:

大括号在箭头函数内创建一个块语句。这会更改函数的行为,因此需要使用 return 语句显式返回值。

使用大括号:

case 'toggleTodo' :
        return (
            state.map( (one) => {
                oneTodo( one, action )
            })
        );

在此示例中, block 语句需要函数的 return 语句来返回 oneTodo 结果。

没有 Curly括号:

case 'toggleTodo' :
        return (
            state.map( (one) =>
                oneTodo( one, action )
            )
        );

省略大括号时,箭头函数被认为具有简洁的主体。这意味着 oneTodo 表达式的结果将成为隐式返回值。

解决方法:

确保在箭头函数中使用大括号时,显式包含 return 语句返回所需的值。

以上是箭头函数和花括号:隐式返回与显式返回?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn