화살표 기능을 반환 할 수없는 이유는 무엇입니까?

Question

여기 좀 더 상위 정렬 함수가 있습니다.

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 

그 화살표 기능이 느슨 알고, 그 이유 나는 여기에서 그것을 흉막 안에 넣으려고한다 (). 그것들도 없이는 작동하지 않습니다. MDN에서

Answer 1

화살표의 기능을 대신 사용할 수 있으며, arguments Object가없는 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

는 :

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().

괄호에 화살표 기능을 묶는 그 동작에 영향을주지 않습니다. 거기에 몇 가지 (경우?) 상황이있을 것입니다.