理解箭頭函數的可用語法將給你一個了解什么行為，他們是介紹什么時候‘鏈子’，就像你提供的例子。
當一個箭頭函數沒有塊大括號、有多個參數或沒有多個參數時，構成函數體的表達式是隱式回來了。在您的示例中，該表達式是另一個箭頭函數。
No arrow funcs Implicitly return `e=>{…}` Explicitly return `e=>{…}`
---------------------------------------------------------------------------------
function (field) { | field => e => { | field => {
return function (e) { | | return e => {
e.preventDefault() | e.preventDefault() | e.preventDefault()
} | | }
} | } | }
使用箭頭語法編寫匿名函數的另一個優點是，它們在詞匯上綁定到定義它們的作用域。從…MDN上的“箭函數”:
阿箭頭函數表達式的語法比函數表達式并在詞匯上綁定這，這個價值。箭頭函數總是匿名.
這在您的示例中特別相關，因為它是從反應Js申請。正如@naomik所指出的，在反應中，您經常訪問構件成員函數使用this..例如：
Unbound Explicitly bound Implicitly bound
------------------------------------------------------------------------------
function (field) { | function (field) { | field => e => {
return function (e) { | return function (e) { |
this.setState(...) | this.setState(...) | this.setState(...)
} | }.bind(this) |
} | }.bind(this) | }
