ES6(ECMAScript 2015)는 JavaScript 언어에 많은 기능을 도입하여 개발자들에게 효율적인 코딩을 가능하게 해주었습니다. 그 중에서도 함수에 관련된 몇 가지 기능이 도입되었는데, 오늘은 ES6에서 도입된 함수의 기능에 대해 살펴보도록 하겠습니다.

목차

1. 화살표 함수
2. 매개변수 기본값
3. Rest 매개변수
4. Spread 연산자

화살표 함수

화살표 함수는 기존의 함수 정의 방식보다 간결하고 가독성이 높은 문법을 제공합니다. 주요 특징은 아래와 같습니다.

// ES5
function add(a, b) {
  return a + b;
}

// ES6의 화살표 함수
const add = (a, b) => a + b;

매개변수 기본값

ES6에서는 함수의 매개변수에 기본값을 설정할 수 있습니다. 이를 통해 매개변수가 전달되지 않은 경우에 기본값을 사용할 수 있습니다.

function greet(name = 'Guest') {
  console.log(`Hello, ${name}!`);
}

greet(); // 출력: Hello, Guest!
greet('Tom'); // 출력: Hello, Tom!

Rest 매개변수

Rest 매개변수는 함수 정의 시 정해지지 않은 수의 매개변수를 배열 형태로 받을 수 있도록 해줍니다.

function sum(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}

sum(1, 2, 3); // 출력: 6
sum(10, 20, 30, 40); // 출력: 100

Spread 연산자

Spread 연산자는 배열이나 객체와 같은 이터러블(iterable)을 확장하여 다른 배열이나 객체에 펼칠 수 있도록 합니다.

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const mergedArr = [...arr1, ...arr2]; // 출력: [1, 2, 3, 4, 5, 6]

ES6에서 도입된 함수의 다양한 기능을 활용함으로써 JavaScript 코드를 간결하게 작성하고 효율적으로 사용할 수 있습니다.

위의 예시 코드는 MDN web docs를 참고하여 작성되었습니다.