如何阅读下面的箭头函数？

Question

以下是关于箭头函数的翻译：我可以理解它有两个参数，分别为dispatch和getState。剩下部分如何理解？

如何将其改写为普通函数？

    const apiMiddleware = ({ dispatch, getState}) => next => action => {  

- jupiter sailormoon

---

每个函数其实只有一个参数 - apiMiddleware 函数接受 一个 参数，即一个具有两个属性 dispatch 和 getState 的对象。它返回一个函数，该函数需要一个 next 参数并返回另一个函数，该函数需要一个 action 参数。 - CertainPerformance

取决于它的结构。我发现通常读作"goes to"，但你也可以在这里检查：https://dev59.com/pHVC5IYBdhLWcg3wfxQ8 - Watth

Answer 1

将其编写为普通函数，声明将如下所示：

const apiMiddleware = function({ dispatch, getState}){
 return function(next) {
    return function(action) {
      return something;
  }
 }
} 

我建议你阅读这篇关于高阶箭头函数的优秀文章这里

- Stundji

Answer 2

希望您会发现这个回复有用。

let squarevalue = input => { input * input }

let multiplyvalue = (input, multiplier) => { input * multiplier }

- Paul Tofunmi

Answer 3

如果使用es5语法编写，它可能看起来像这样

var apiMiddleware = function apiMiddleware(_ref) {
  var dispatch = _ref.dispatch;
  var getState = _ref.getState;
  return function (next) {
    return function (action) {
      console.log('action function body');
    };
  };
};

- ksav

Answer 4

这是ES6中一个很好的特性，叫做对象解构。这个也很有趣，可能与你的代码有关：

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators#Iterators

尝试将代码粘贴到这里，查看转换后的脚本作为原生JS：https://es6console.com/

- Yom T.

Answer 5

您可以使用以下 Babel 编译器将 ES6 代码转换为 ES5 -

Babel 编译器

- onkar.v

Answer 6

写下这个：

const apiMiddleware = ({ dispatch, getState}) => next => action => {  

作为一个普通函数（我指的是没有箭头的函数）：

const apiMiddleware = function({dispatch, getState}) {
    return function(next) {
        return function(action) {
            //Rest of the code
        }
    }
}

以下是如何用 ES5 编写它的方法：

var apiMiddleware = function(data) {
    var dispatch = data.dispatch;
    var getState = data.getState;
    return function(next) {
        return function(action) {
            //Rest of the code
        }
    }
}

- Jack Bashford