Składnia funkcji łańcuchów strzałek

Question

const fetch = url => dispatch => { 
    // ... 
} 

export const fetchQuestions = tag => (dispatch) => { 
    return dispatch(fetch(tag)); 
}; 

Co to jest dispatch w funkcji fetch? url to pierwszy i pojedynczy parametr o funkcji fetch. Ale co tutaj jest dispatch?

Answer 1

Jest to odpowiednik jednej funkcji zwracającej inną. To znaczy. Ten

const fetch = url => dispatch => { 
    // ... 
} 

odpowiada

const fetch = function(url) { 
    return function(dispatch) { 
     // ... 
    } 
} 

---

Podobnie ten

export const fetchQuestions = tag => (dispatch) => { 
    return dispatch(fetch(tag)); 
}; 

odpowiada

export const fetchQuestions = function(tag) { 
    return function(dispatch) { 
     return dispatch(fetch(tag)); 
    } 
}; 

Answer 2

dispatch to pierwszy i pojedynczy parametr funkcji zwracanej przez funkcję url => .... Przy normalnym składni funkcji, byłoby

const fetch = function(url) { 
    return function(dispatch) {...} 
} 

Answer 3

jego krótszy sposób pisania funkcji, która returns another function. Argumenty url i dispatch argumenty do curryed function ES5 równoważne składni funkcji strzałka będzie

function fetch(url) { 
    return function(dispatch) { 
     .... 
    } 
} 

lub Strzałka składni jako

const fetch = (url) => { 
    return (dispatch) => { 
     // ... 
    } 
} 

Podobnie byś fetchQuestion napisany jako

export function fetchQuestions(tag) { 
    return function(dispatch){ 
      return dispatch(fetch(tag)); 
    } 
} 

lub ze składnią Arrow jako

export const fetchQuestions = (tag) => { 
    return (dispatch) => { 
     return dispatch(fetch(tag)); 
    } 
}; 

Answer 4

fetch jest wyrażeniem nazwie funkcja, która przyjmuje parametr url i zwraca nową funkcję, która przyjmuje parametr dispatch.

Można przepisać przy użyciu tradycyjnej składni funkcji:

const fetch = function (url) { 
    return function(dispatch) { 
    // ... 
    } 
}