자바스크립트 JavaScript | 함수 및 반환 방법

 

⭕ 자바스크립트 JavaScript | 함수 및 반환 방법

➡️ 묵시적 반환

묵시적 반환은 화살표 함수(=>)를 사용할 때, 함수 본문을 중괄호({})로 감싸지 않고 직접 결과 값을 반환할 수 있는 간결한 문법을 의미합니다. 이 방법을 사용하면 return 키워드 없이도 함수에서 값을 반환할 수 있습니다. 묵시적 반환은 함수의 본문이 단일 표현식으로 구성되어 있을 때 유용하게 사용할 수 있으며, 코드를 더 간결하고 읽기 쉽게 만들어 줍니다. 특히 배열 메서드의 콜백 함수나 간단한 연산을 수행하는 함수를 작성할 때 유용합니다.

---

•  첫 번째 함수 square는 묵시적 반환을 사용하여 x * x의 결과를 바로 반환합니다.
• 두 번째 함수 squareWithReturn는 동일한 계산을 수행하지만, 중괄호({})와 return 키워드를 사용하여 결과를 반환합니다.
• 두 함수 모두 동일한 결과를 출력하지만, 첫 번째 함수는 더 간결한 문법을 사용합니다.

// 묵시적 반환을 사용하는 화살표 함수
const square = x => x * x;

console.log(square(5)); // 25

// 중괄호와 return 키워드를 사용하는 화살표 함수
const squareWithReturn = x => {
  return x * x;
};

console.log(squareWithReturn(5)); // 25