JavaScript 화살표 함수에서 '=>'는 무엇을 의미합니까?

" JavaScript 화살표 함수의 의미는 무엇입니까? " />" JavaScript 화살표 함수의 의미는 무엇입니까? " />

JavaScript에서 "=>"는 무엇을 의미합니까?

일반적으로 화살표 함수로 알려진 "=>" 기호는 ECMAScript 6에 도입된 간결한 구문입니다. 함수 표현식을 표현하면 다음과 같은 몇 가지 주요 이점을 제공합니다.

화살표 함수: 어휘 관계

화살표 함수는 상속을 받습니다. 기존 함수와 달리 this 값을 중첩된 함수 전체에서 유지하기 위해 self = this와 같은 복잡한 구성이 필요하지 않습니다.

간결한 구문

화살표 함수는 눈에 띄게 더 간결합니다. 다음 예를 고려하십시오.

// Old-style function expression
var a2 = a.map(function(s) { return s.length; });

// Arrow function
var a3 = a.map(s => s.length);

a2와 a3 모두 동일한 출력([31, 30, 31, 31]), 그러나 화살표 기능은 훨씬 더 간결합니다.

호환성 참고

화살표 기능은 Node에서 지원되지만 브라우저 지원은 2017년 12월 12일부터 다양합니다. 다음을 포함하여 널리 사용되는 많은 브라우저의 최신 버전에서 지원됩니다.

• Chrome(v. 45 )
• Firefox(22절)
• Edge(12절)
• Opera(v. 32 )

그러나 IE(v. 11까지) 및 기타 덜 알려진 브라우저에 대한 지원은 부족합니다. 가장 포괄적인 최신 호환성 정보는 CanIUse.com을 참조하세요.

위 내용은 JavaScript 화살표 함수에서 '=>'는 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!