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',
    },
});

所以，我制作了自己的简化示例，试图弄清楚这个声明。

＆＃13;

function add (x, y) {
  return x + y
}

var done = (a, b) => add(1,7)

console.log(done(1,2)) // 8

＆＃13;

上面的代码最后记录了8。我认为这相当于：

＆＃13;

function add (x, y) {
  return x + y
}

var done = function (a, b) { add(1,7) }

console.log(done(1,2)) // undefined

＆＃13;

但事实并非如此。它产生了未定义的。有人可以解释胖箭头声明中的函数调用如何不执行并返回值？

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

为什么箭头函数接受正文中的函数调用？

2 个答案: