[JavaScript] 화살표 함수, 나머지 매개변수, 기본 매개변수: ES6 함수 호출식

 

 

ES6에서도 기본적인 함수 호출식은 이전의 JavaScript와 동일하게 사용할 수 있습니다. 

그러나 ES6에는 함수 호출식을 다루는 몇 가지 새로운 기능이 추가되었습니다.

 

---

1. Arrow Functions (화살표 함수)

ES6에서는 화살표 함수(arrow function)라고 불리는 새로운 함수 선언 방식이 도입되었습니다.
화살표 함수는 더 간결하고 직관적인 문법으로 함수를 선언할 수 있게 해줍니다.

// ES5 함수 선언 방식
function add(a, b) {
  return a + b;
}

// ES6 화살표 함수 선언 방식
const add = (a, b) => a + b;
Rest Parameters (나머지 매개변수)

2. Rest Parameters (나머지 매개변수)

함수 호출식에서 ...을 사용하여 나머지 매개변수(rest parameters)를 사용할 수 있습니다.
나머지 매개변수는 함수의 인자들 중 남은 인자들을 배열로 받아올 수 있게 해줍니다.

function sum(...numbers) {
  let result = 0;
  for (let number of numbers) {
    result += number;
  }
  return result;
}

sum(1, 2, 3); // 6

3. Default Parameters (기본 매개변수)

함수 호출식에서 매개변수에 기본값(default value)을 지정할 수 있습니다.
매개변수에 값이 주어지지 않은 경우, 기본값으로 설정된 값이 사용됩니다.

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

greet(); // Hello, Guest!
greet('John'); // Hello, John!

 

ES6에서 추가된 이러한 기능들을 활용하면 더욱 간결하고 효율적인 함수 호출식을 작성할 수 있습니다.

 

Arrow Functions를 사용하면 코드를 더 짧게 만들어 가독성을 향상시킬 수 있으며, 

Rest Parameters와 Default Parameters는 함수에 동적인 인자를 처리할 때 유용하게 사용됩니다. 

 

이러한 ES6의 기능들을 적절히 활용하여 코드를 작성하면 더욱 효율적이고 강력한 JavaScript 프로그래밍을 할 수 있습니다.