javascript - 粗箭头函数 (=>) 的语法，在主体周围使用或不使用 {}

Question

我正在查看这段代码 - https://facebook.github.io/react-native/docs/network.html

return fetch('https://facebook.github.io/react-native/movies.json')
      .then((response) => response.json())
      .then((responseJson) => {
        return responseJson.movies;
      })

根据我的理解，.then((response) => response.json()) 转化为:

.then(function(response) {
    return response.json()
}

但我不知道这意味着什么？其中有一个额外的{}

.then((responseJson) => {
        return responseJson.movies;
      })

Answer 1

粗箭头函数的基本语法是:

(arg1, arg2, ...) => { ... }

但是:

1. 如果只有一个参数，您可以省略参数列表周围的 ():

   arg => { ... }
   

2. 如果函数体中只有一个表达式，您可以省略函数体周围的 {}，在这种情况下，return 也是隐含的:

   arg => arg.foo
   // means:
   (arg) => { return arg.foo; }
   

自 function (arg) { return arg.prop; 形式的回调 在 Javascript 中非常常见，这两种特殊的语法使这种常见的操作非常简洁和表达。例如:

arr.filter(foo => foo.bar)