鏈式箭頭功能語法

Question

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

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

什麼是dispatch在fetch函數中？ url是第一個和單個參數fetch函數。但是dispatch在這裏？

Answer 1

這相當於一個函數返回另一個函數。即此

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

相當於

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

---

同樣這

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

相當於

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

Answer 2

dispatch是url => ...函數返回的函數的第一個參數和單個參數。使用正常的函數語法，它將是

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

Answer 3

它的寫作功能的更短的方式returns another function。這些參數url和dispatch有觀點的curryed function的ES5相當於箭頭函數的語法將是

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

或箭頭語法

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

同樣你會fetchQuestion寫成

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

或使用箭頭語法爲

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

Answer 4

fetch是名爲函數表達，需要一個url參數並返回一個新的函數，它接受一個dispatch參數。

你可以重寫使用傳統函數的語法：

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