ES6 문법에 대하여 2 (Arrow Function)

ES6 문법에 대하여(Arrow Function) 알아본 글입니다.

최근 코딩테스트를 준비하며 다시 공부하게된 ES6문법에 대해 정리하고자 하는 글입니다.

ES6는 2015년에 출시된 ECMAScript의 약자이며, 자바스크립트의 표준, 규격을 나타내는 용어입니다.

화살표 함수(Arrow Function)이란?

화살표 함수는 몇 가지 제한점이 있고, 모든 상황에 사용할 수는 없습니다. 함수 표현식을 화살표 함수로 표현할 수도 있습니다. 화살표 함수가 추가되어 함수를 간결하게 나타낼 수 있어, 가독성 및 유지 보수성이 올라갑니다. 만약 함수의 본문(body)에 return만 있는 경우 화살표 함수는 return과 {}를 생략할 수 있습니다. 단, return과 {}를 함께 생략해야 합니다. return문에서 소괄호는 사용가능하다.

Arrow Function 예시

const materials = ["Hydrogen", "Helium", "Lithium", "Beryllium"];

console.log(materials.map((material) => material.length));
// Expected output: Array [8, 6, 7, 9]

예시처럼 화살표 함수를 통해 우리는 더 간결한 코드를 작성할 수 있습니다.