a=>b => c这种函数如何理解

Question

es6中高阶函数多个箭头函数级联的情况如何很好的理解代码const setTitle = (title) => (WrappedComponent) => {   return class extends React.Component {      componentDidMount() {          document.title = title      }      render() {         return <WrappedComponent {...this.props} />      }   }}PS追问一下：大家说的，我能够理解了，但是每次都要在头脑中做转换，感觉代码可读性也不是特别的好，也可能是我太菜了。还有这种写法是不是最多也就写两层。

Answer 1

其实就是ES6的柯里化写法，也就是先定义一个函数，然后再其内再返回一个新的函数以接受第二个参数
补充：
可以不只是两层。

Answer 2

const setTitle = (title) => (WrappedComponent) => {}

//格式上可以看做

const setTitle = function(title){

    return function(WrappedComponent){

       

    }

}

Answer 3

const setTitle = (title) => {

return (WrappedComponent) => {

   return class extends React.Component {

      componentDidMount() {

          document.title = title

      }

      render() {

         return <WrappedComponent {...this.props} />

      }

   }

 }

}

从右往左，相当于(title) => {return ()=>{}}