这些箭头函数有什么区别

Question

const post = text => (    .... )和const post = text => {     .... }我是新手，抱歉，如果这是一个愚蠢的问题，我已经搜索了一些文章，但没有得到它。有人可以帮忙解释一下吗

Answer 1

const post = text => (

   ....

)

此箭头函数需要括号中的表达式或单个语句。调用该函数时将返回表达式的结果。不需要return明确地写。

例子：

const isOdd = num => ( num % 2 == 1 );

第二个箭头函数需要一个函数体。如果不明确返回，undefined将被退回。

const post = text => {

    ....

}

例子：

const isOdd = num =>{

   return num % 2 == 1;

}

在第一种形式中，你并不总是需要()around 表达式，但当你返回一个对象文字时它是必需的。

const Point = (x,y) => {x,y};

console.log(Point(0,0)); //undefined

const Point = (x,y) => ({x,y});

console.log(Point(0,0)); //{ x: 1, y: 0 }

Answer 2

第一个箭头函数表示返回一个值，(what is return) 第二个箭头函数表示您想要定义的函数{define your function} 以获取更多描述，请遵循此示例：

const post = text => (text) // return text

const post2 = text =>{ //define your function

  return (text)

}

console.log(post("hello post"));

console.log(post("hello post2"));