화살표 기능

화살표 기능

화살표 함수는 화살표 구문이라는 함수 선언을 위한 새로운 구문을 사용하여 ES6에 도입되었습니다. 이 새로운 구문은 덜 장황한 구문을 사용합니다.

화살표 함수는 이름을 얻은 위치에서 화살표 기호 '=>'로 쉽게 식별할 수 있습니다. 화살표 함수를 작성하기 위한 구문 및 규칙의 일부는 매개 변수가 화살표 요소 앞에 오고 함수의 본문이 뒤에 오는 것입니다.

화살표 함수는 항상 익명이며 참조할 수 있도록 변수에 할당해야 합니다.

이점

다른 함수 선언 방법에 비해 화살표 함수를 사용하면 많은 이점이 있습니다.

-훨씬 덜 장황합니다.
- 단일 매개변수에 대해 괄호를 사용할 필요가 없습니다.
-함수 본문이 한 줄이면 블록 안에 넣을 필요가 없습니다.
- return 문이 함수 본문의 유일한 문인 경우 return 키워드가 필요하지 않습니다.
-그들은 자신의 this 값을 함수에 바인딩하지 않습니다.

예시:

const square = x => x*x;

이 예에서 'x'는 하나의 매개변수이기 때문에 괄호 안에 있을 필요가 없습니다. 여러 매개변수는 괄호 안에 들어가야 합니다.

매개변수가 두 개인 예:

const add = (x,y) => x = y;

그러나 함수에 매개변수가 필요하지 않은 경우 화살표 기호 앞에 빈 매개변수를 사용할 수 있습니다.

const hello = ( ) => alert(‘Hello World!’);

이 모든 예에서 함수는 한 줄에 맞으므로 블록 안에 넣을 필요가 없습니다. 그러나 더 긴 함수의 경우 중괄호를 사용하여 함수 본문과 마지막에 반환 키워크를 정의해야 합니다.

const tax = (salary) => {
const taxable = salary – 5000;
const lowerRate = 0.25 * taxable;
taxable = taxable -15000;
const higherRate = 0.4 * taxable;
return lowerRate + higherRate;
}

보시다시피 더 긴 기능에서 화살표 기능을 사용하면 이점이 사라집니다. 화살표 함수는 짧고 익명인 함수에 더 적합합니다.