为什么我不能返回箭头功能？

Question

我在这里有一个更高级的sorta函数。

虽然这按预期工作：

var square = (a) => a * a; 

var callAndLog = (func) => { 
    return function() { 
    var res = func.apply(undefined, arguments); 
    console.log("Result is: " + res); 
    return res; 
    } 
}; 

var squareAndLog = callAndLog(square); 

squareAndLog(5); // Result is 25 

这这里，当我返回箭头功能insted的，不工作：

var square = (a) => a * a; 
var callAndLog = (func) => { 
    return (() => { 
    var res = func.apply(undefined, arguments); 
    console.log("Result is: " + res); 
    return res; 
    }) 
}; 
var squareAndLog = callAndLog(square); 
squareAndLog(5); // Result is NaN 

我知道箭头功能松动，这就是为什么我尝试在这里将它归回()。没有他们也不行。

Answer 1

箭功能，不具备arguments对象，而是可以使用rest parameter syntax（...）是这样的：

var square = (a) => a * a; 
 
var callAndLog = (func) => { 
 
    return ((...args) => { 
 
    var res = func.apply(undefined, args); 
 
    console.log("Result is: " + res); 
 
    return res; 
 
    }) 
 
}; 
 
var squareAndLog = callAndLog(square); 
 
squareAndLog(5);

Answer 2

从MDN：

An arrow function expression has a shorter syntax than a function expression and does not bind its own this , arguments , super , or new.target .

箭功能不一个arguments对象绑定到自己的身体。你的功能依赖于使用arguments，所以它不能用作箭头功能。

如建议在评论上面，你可以使用...args代替：

var square = (a) => a * a; 
 
var callAndLog = (func) => { 
 
    return (...args) => { 
 
    var res = func.apply(undefined, args); 
 
    console.log("Result is: " + res); 
 
    return res; 
 
    }; 
 
}; 
 
var squareAndLog = callAndLog(square); 
 
squareAndLog(5);

I know that arrow functions are loose, that's why i try here returning it within the parantheses().

内附您的箭头功能括号中对自己的行为没有任何影响。几乎没有（如果有的话）情况。