javascript - 需要代码解释 Javascript 将函数分配给常量

Question

嗨，我剪掉了以下基于 React-Redux 的代码，但不理解以下行:

const List = connect(mapStateToProps)(ConnectedList);

如果函数看起来像这样，我会理解它被分配给 List 常量:

const List = connect(mapStateToProps);

但是此语句中的 (ConnectedList) 有何作用？所发生的事情的技术名称是什么？

<小时/>

完整截图:

import React from "react";
import { connect } from "react-redux";
const mapStateToProps = state => {
  return { articles: state.articles };
};
const ConnectedList = ({ articles }) => (
  <ul className="list-group list-group-flush">
    {articles.map(el => (
      <li className="list-group-item" key={el.id}>
        {el.title}
      </li>
    ))}
  </ul>
);
const List = connect(mapStateToProps)(ConnectedList);
export default List;

Answer 1

connect(...)返回一个函数(正如您已经意识到的那样)，所以 connect(...)(ConnectedList)调用 connect() 返回的函数与 ConnectedList作为它的论点。

更长的版本是:

const tmp = connect(mapStateToProps);
const List = tmp(ConnectedList);

<小时/>

既然您询问了技术名称:通常返回另一个函数的函数称为高阶函数。