자바스크립트는 매우 유연한 언어이며 ES6부터 여러 가지 새로운 기능이 도입되었습니다. 이 중에서 애로우 함수 (Arrow Function)와 스프레드 문법 (Spread syntax)은 많은 프로그래머들이 즐겨 사용하는 문법 중 하나입니다. 애로우 함수는 함수 표현식을 보다 간결하게 작성할 수 있게 해 주고, 스프레드 문법은 배열이나 객체를 확장하거나 병합할 때 유용하게 사용됩니다.

애로우 함수 (Arrow Function)

애로우 함수는 함수를 더 간결하게 작성할 수 있는 문법입니다. 기존의 function 키워드 대신 => 기호를 사용하여 함수를 정의합니다. 예를 들어, 다음은 기존의 함수를 애로우 함수로 변환하는 예제입니다.

// 기존의 함수
function regularFunction(parameters) {
  return result;
}

// 애로우 함수
const arrowFunction = (parameters) => result;

애로우 함수는 다음과 같은 특징을 가지고 있습니다.

• function 키워드를 생략할 수 있어 코드가 좀 더 간결해집니다.
• 함수 내부에서 this를 사용할 경우, 애로우 함수는 자신의 context를 가지고 있어서 다른 함수와는 조금 다른 동작을 합니다.

스프레드 문법 (Spread syntax)

스프레드 문법은 배열이나 객체를 확장하거나 병합할 때 사용됩니다. 배열의 요소를 확장하고자 할 때는 ... 기호를 사용하며, 객체를 병합하고자 할 때는 ... 기호를 사용합니다.

배열의 확장

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const combinedArray = [...array1, ...array2]; // [1, 2, 3, 4, 5, 6]

객체의 병합

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const combinedObject = { ...obj1, ...obj2 }; // { a: 1, b: 2, c: 3, d: 4 }

스프레드 문법은 객체나 배열을 복사하거나 합칠 때 매우 유용합니다.

애로우 함수와 스프레드 문법은 모두 ES6부터 도입된 문법으로, 더 간결하고 유용한 코드를 작성할 수 있도록 도와줍니다.

결론

애로우 함수와 스프레드 문법은 모두 코드를 간결하게 작성할 수 있는 문법으로, 많은 프로그래머들에게 사랑받고 있습니다. 이러한 ES6의 새로운 문법들을 잘 익혀두면 더 효율적으로 코드를 작성할 수 있을 것입니다.

참고문헌:

• MDN web docs