"대해 forEach를 (엘 => {})"와 "대해 forEach (함수() {})"자바 스크립트

Question

에 종료 프로젝트에서이 줄은 나에게 구문 오류

document.querySelectorAll('[name="callqualitycheck"]').forEach(e=> { 
    if(e.checked){comment = comment + "," + e.value;} 
}); 

을 제공하는 경우 I forEach(e=> {을 forEach(function(e) {으로 변경하십시오. 잘 작동합니다. 하지만 차이점은 무엇인지 확실하지 않으며 앞으로 문제가 발생하지 않을 것입니다. 누구든지 이것을 설명 할 수 있습니까?

Answer 1

람다 함수에 대괄호 {}가 필요하지 않습니다. 예를 들어 삼항 연산자로 수행 할 수 있습니다.

document.querySelectorAll('[name="callqualitycheck"]').forEach(e=> 
    comment += e.checked?','+e.value:''); 

Answer 2

forEach(e => { code }) 및 forEach(function(e){ other code }) 그러나 그들은 그 자체로 동등하지 않은, 같은 작업을 수행 할 수 있습니다.

첫 번째 버전은 화살표 기능을 ECMA6에 도입했습니다. 화살표 함수는 바깥 쪽 범위의 this을 캡처합니다. 즉, this을 사용할 때 해당 함수의 범위를 나타냅니다. 그러나 일반 함수는 this입니다. 화살표 기능에 자신의 this이 없다는 사실은 사실 그것이 도입 된 이유 중 하나입니다. (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)

두 번째 차이점은 화살표 기능을 바인딩 할 수 없다는 것입니다.

엄격 모드에서는 또 다른 차이가 발생합니다. 이것이 주변의 어휘 문맥에서 오는 것을 감안할 때, 이것에 관한 엄격한 모드 규칙은 화살표 함수에 의해 무시됩니다.

기본적으로 둘 중 하나를 사용하여 동일한 작업을 수행 할 수 있지만 사용자의 경우에 따라 다른 작업보다 편리 할 수 ​​있습니다.