爲什麼箭頭函數在體內接受函數調用？

Question

這太奇怪了！我期待在AWS LAMBDA示例代碼，和他們做一個奇怪的ES6聲明它們的回調函數：

const done = (err, res) => callback(null, { 
    statusCode: err ? '400' : '200', 
    body: err ? err.message : JSON.stringify(res), 
    headers: { 
     'Content-Type': 'application/json', 
    }, 
}); 

所以，我做了我自己的簡單的例子，試圖作出這一聲明的意義。

function add (x, y) { 
 
    return x + y 
 
} 
 

 
var done = (a, b) => add(1,7) 
 

 
console.log(done(1,2)) // 8

在結束上述日誌8的代碼。我認爲這將是等效的：

function add (x, y) { 
 
    return x + y 
 
} 
 

 
var done = function (a, b) { add(1,7) } 
 

 
console.log(done(1,2)) // undefined

但事實並非如此。它產生未定義的。有人可以解釋胖箭頭聲明中的函數調用如何執行並返回一個值嗎？

Answer 1

當=>的右側是一個語句（而不是一個塊）時，有一個隱含的return。

你的函數表達式...

var done = function (a, b) { add(1,7) } 

...省略了return語句。它應該是：

var done = function (a, b) { return add(1,7) } 

Answer 2

return

沒有大括號箭頭的功能只能是一行，並會自動返回。

Babeljs.io有ES2016在ES5中看起來像什麼的很好的例子http://babeljs.io/repl/#?babili=false&evaluate=false&lineWrap=false&presets=es2015%2Creact%2Cstage-0%2Cstage-1%2Cstage-2%2Cstage-3&targets=&browsers=&builtIns=false&experimental=true&loose=false&spec=false&playground=false&code=function%20add%20(x%2C%20y)%20%7B%0A%20%20return%20x%20%2B%20y%0A%7D%0A%0Avar%20done%20%3D%20(a%2C%20b)%20%3D%3E%20add(1%2C7)%0A%0Aconsole.log(done(1%2C2))%20%2F%2F%208