javascript - 带圆括号或方括号的箭头函数之间的区别

标签 javascript

<分区>

这两个在 javascript 中有什么区别?在脚本中是什么意思?

const Test1 = () => {
    console.log('test1')
}


const Test2 = () => (
    console.log('test2')
)

最佳答案

“基本”形式带有大括号,就像常规函数一样:

() => {
    ...
}

然而,箭头函数允许一种特殊情况的速记:

() => plain expression

如果您不使用花括号,您可以使用一个简单的表达式,带有一个隐式的return即这两个是等价的:

() => { return 42; }
() => 42

因此,您使用括号的版本算作单个表达式版本,console.log 的返回值将被返回(不过无论哪种方式都是 undefined),而它不会在使用花括号的版本上。

关于javascript - 带圆括号或方括号的箭头函数之间的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49895339/

相关文章:

javascript - 从sessionStorage获取值

javascript - 来自 ajax 请求的 Extjs 图像/png

javascript - 将值从 Controller 传递到指令

javascript - Chrome 扩展 : Run Content Script before any Embedded Scripts run on Page

javascript - 剑道UI图表: adjust label amount dynamically

javascript - 使用 Typescript 输出纯 JS,而不是模块?

javascript - 如何在不打开打印对话框的情况下在angularJS中打印本地PDF

php - 如何防止ajax的POST请求(通过firebug获得)

javascript - 渲染后修改 React 子组件 props

javascript - ngAnimate 仅在 IE9 中部分降级